@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap&subset=japanese");

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;800&display=swap&subset=japanese');

@media screen and (max-width: 1200px) {
  body.news-detail {
    overflow-x: initial;
  }
  .news-wrapper {
    position: relative;
    overflow-x: hidden;
  }
}

.cms-page-edit .cp-inner {
  border: 1px dashed #ccc !important;
}
.news-style {
  display: none;
}

[data-type="cp-anchor"] {
  display: inline-block;
}
[data-type="cp-anchor"]:empty {
  display: none;
}
.cms-page-edit [data-type="cp-anchor"] {
  display: inline;
}

li#baseBlock14,
li#baseBlock16,
li#baseBlock18,
li#baseBlock19 {
  display: none;
}
li#baseBlock15{
  margin-left: 19px;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

* {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.cms-page-edit .fr-wrapper ul {
  margin-left: 20px;
  list-style: disc;
}
body.cms-page-edit .fr-wrapper ol {
  margin-left: 20px;
  list-style: decimal;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  background-color: #fff;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button[disabled],
[type='button'][disabled],
[type='reset'][disabled],
[type='submit'][disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button;
  font: inherit;
}

::-webkit-input-placeholder {
  font: inherit;
}

:-ms-input-placeholder {
  font: inherit;
}

::-ms-input-placeholder {
  font: inherit;
}

::-webkit-input-placeholder {
  font: inherit;
}

:-ms-input-placeholder {
  font: inherit;
}

::placeholder {
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 62.5%;
}

@media screen and (max-width: 1200px) {
  html {
    overflow-x: hidden;
  }
}

body {
  font-family: "Noto Sans JP", Helvetica, Arial, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  line-height: 1.8;
  color: #444;
}

@media screen and (max-width: 1200px) {
  body {
    position: relative;
    overflow-x: hidden;
  }
}

a,
a::before,
a::after {
  transition: background 0.2s, border 0.2s, color 0.2s, opacity 0.2s;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a[target="_blank"]::after {
  content: '';
  position: relative;
  top: 0;
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  overflow: hidden;
  background: url(/albums/css/basic2-common2/abm00007422.svg) no-repeat left top;
}

.header .alumni-list a[target="_blank"]::after,
.header .parents-list a[target="_blank"]::after,
.header .staff-list a[target="_blank"]::after,
.header .student-tool-list a[target="_blank"]::after,
.top-nav a[target="_blank"]::after {
  background-image: url(/albums/css/basic2-common2/abm00008712.svg);
}
@media screen and (max-width: 1200px) {
  .global-nav a[target="_blank"]::after,
  .local-nav a[target="_blank"]::after {
    background-image: url(/albums/css/basic2-common2/abm00008712.svg);
  }
}
@media screen and (min-width: 1201px) {
  .global-nav .global-nav-inner .global a[target="_blank"]:hover::after,
  .global-nav .global-nav-inner .global a[target="_blank"].maintainHover::after,
  .global-nav .global-nav-inner .global a[target="_blank"].active-nav::after,
  .global-nav .global-nav-inner .global a[target="_blank"].active::after {
    background-image: url(/albums/css/basic2-common2/abm00008712.svg);
  }
}

a[href*=".pdf"]::after {
  content: '';
  position: relative;
  top: 0;
  display: inline-block;
  margin-top: -5px;
  margin-left: 6px;
  width: 16px;
  height: 18px;
  overflow: hidden;
  vertical-align: middle;
  background: url(/albums/css/basic2-common2/abm00007420.svg) no-repeat left top;
}
@media screen and (max-width: 1200px) {
  .local-nav a[href*=".pdf"]::after {
    background-image: url(/albums/css/basic2-common2/abm00008713.svg);
  }
}

a[href*=".doc"]::after {
  content: '';
  position: relative;
  top: 0;
  display: inline-block;
  margin-top: -5px;
  margin-left: 6px;
  width: 16px;
  height: 18px;
  overflow: hidden;
  vertical-align: middle;
  background: url(/albums/css/basic2-common2/abm00007421.svg) no-repeat left top;
}
a[href*=".xls"]::after {
  content: '';
  position: relative;
  top: 0;
  display: inline-block;
  margin-top: -5px;
  margin-left: 6px;
  width: 16px;
  height: 18px;
  overflow: hidden;
  vertical-align: middle;
  background: url(/albums/css/basic2-common2/abm00007418.svg) no-repeat left top;
}
a[href*=".txt"]::after {
  content: '';
  position: relative;
  top: 0;
  display: inline-block;
  margin-top: -5px;
  margin-left: 6px;
  width: 16px;
  height: 18px;
  overflow: hidden;
  vertical-align: middle;
  background: url(/albums/css/basic2-common2/abm00007419.svg) no-repeat left top;
}

a.img-wrap-link::after {
  content: none;
}


.header {
  position: relative;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  background: #fff;
}

@media screen and (max-width: 1200px) {
  .header {
    -ms-flex-pack: justify;
        justify-content: space-between;
    z-index: 11;
    height: 60px;
    border-bottom: 1px solid #ccc;
  }
}

.header .logo {
  padding-top: 13px;
  padding-left: 50px;
  padding-right: 50px;
}

@media screen and (max-width: 1200px) {
  .header .logo {
    padding: 10px 0 0 17px;
  }
}

.header .logo img {
  width: 167px;
  height: 54px;
}

@media screen and (max-width: 1200px) {
  .header .logo img {
    width: 122px;
    height: 40px;
  }
}

.header .visitor-nav-wrap {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .header .visitor-nav-wrap {
    display: none;
  }
}

.header .visitor-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 13px;
  font-size: 1.3rem;
}

.header .visitor-nav .alumni,
.header .visitor-nav .parents,
.header .visitor-nav .staff,
.header .visitor-nav .student-tool {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.header .visitor-nav .alumni > a,
.header .visitor-nav .parents > a,
.header .visitor-nav .staff > a,
.header .visitor-nav .student-tool > a {
  position: relative;
  display: inline-block;
  padding: 7px 25px 7px 14px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
}

.header .visitor-nav .alumni > a::after,
.header .visitor-nav .parents > a::after,
.header .visitor-nav .staff > a::after,
.header .visitor-nav .student-tool > a::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 11px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(45deg);
}

.header .list-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header .visitor-nav-list {
  display: -ms-flexbox;
  display: flex;
}

.header .visitor-nav-list li a {
  display: inline-block;
  padding: 7px 14px;
}

.header .btn-nav {
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav {
    width: 100px;
  }
}

.header .btn-nav > div {
  width: 80px;
  height: 80px;
}

.header .btn-nav > div.gnav-btn {
  display: none;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav > div {
    width: 50px;
    height: 59px;
  }
  .header .btn-nav > div.language > a, .header .btn-nav > div.access, .header .btn-nav > div.pin {
    display: none;
  }
  .header .btn-nav > div.gnav-btn {
    display: block;
  }
}

.header .btn-nav > div > a {
  display: block;
  width: 80px;
  height: 80px;
  padding-top: 24px;
  background: #f1f1f1;
  color: #a2a2a2;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav > div > a {
    width: 50px;
    height: 59px;
    font-size: 0;
    background: #fff;
  }
}

.header .btn-nav > div > a .img {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 5px auto;
  background-size: 24px 24px;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav > div > a .img {
    margin-bottom: 0;
  }
}

.header .btn-nav > div > a svg {
  width: 100%;
  height: 100%;
  fill: #a2a2a2;
  background: #f1f1f1;
  transition: opacity 0.2s, background 0.2s, fill 0.2s;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav > div > a svg {
    background: #fff;
    fill: #0d593d;
  }
}

.header .btn-nav > div > a.active, .header .btn-nav > div > a:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav > div > a.active, .header .btn-nav > div > a:hover {
    background: #fff;
  }
}

.header .btn-nav > div > a.active svg, .header .btn-nav > div > a:hover svg {
  background: #333;
  fill: #fff;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav > div > a.active svg, .header .btn-nav > div > a:hover svg {
    background: #fff;
    fill: #0d593d;
  }
}

@media screen and (max-width: 1200px) {
  .header .btn-nav .search > a {
    padding-top: 18px;
  }
}

.header .btn-nav .search .img {
  background: url(/albums/css/basic2-common2/abm00001082.svg) no-repeat center center;
  background-size: 24px 24px;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav .search .img {
    background-image: url(/albums/css/basic2-common2/abm00001080.svg);
  }
}

.header .btn-nav .search .active svg {
  opacity: 0;
}

.header .btn-nav .language {
  position: relative;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav .language {
    width: 0;
  }
}

.header .btn-nav .pin {
  position: relative;
}

.header .btn-nav .gnav-btn {
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav .gnav-btn {
    background: url(/albums/css/basic2-common2/abm00001080.svg) no-repeat center 15px;
    background-size: 24px 24px;
  }
}

.header .btn-nav .gnav-btn span {
  display: block;
  width: 24px;
  height: 2px;
  margin: 6px auto;
  background: #0d593d;
  transition: opacity 0.2s;
}

@media screen and (max-width: 1200px) {
  .header .btn-nav .gnav-btn a {
    padding-top: 12px;
  }
  .header .btn-nav .gnav-btn a::after {
    content: "MENU";
    display: block;
    font-size: 10px;
    font-size: 1rem;
    color: #0d593d;
    line-height: 1;
  }
  .header .btn-nav .gnav-btn a.active {
    background: transparent;
  }
  .header .btn-nav .gnav-btn a.active span {
    opacity: 0;
  }
}

.header .alumni-list,
.header .parents-list,
.header .staff-list,
.header .student-tool-list {
  display: none;
  position: absolute;
  top: 100%;
  width: 260px;
  padding: 24px 0;
  background: #323639;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.header .alumni-list a,
.header .parents-list a,
.header .staff-list a,
.header .student-tool-list a {
  position: relative;
  display: block;
  padding: 4px 35px 5px 30px;
  color: #fff;
}

.header .alumni-list a::before,
.header .parents-list a::before,
.header .staff-list a::before,
.header .student-tool-list a::before {
  content: "";
  position: absolute;
  top: 11px;
  right: 24px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: rotate(45deg);
}

.header .alumni-list a::after,
.header .parents-list a::after,
.header .staff-list a::after,
.header .student-tool-list a::after {
  content: none;
}

.header .alumni-list a:hover,
.header .parents-list a:hover,
.header .staff-list a:hover,
.header .student-tool-list a:hover {
  background: #006f37;
  text-decoration: none;
}

.header .alumni-list {
  right: 445px;
}
.header .parents-list {
  right: 365px;
}
.header .staff-list {
  right: 290px;
}
.header .student-tool-list {
  right: 212px;
}

.header .search-area {
  position: absolute;
  z-index: 150;
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  background-color: #333;
  color: #fff;
}

.header .search-area .search-area-inner {
  display: table;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 43px 30px 43px 0;
}

@media screen and (max-width: 920px) {
  .header .search-area .search-area-inner {
    padding: 30px 4.5% 30px 4.5%;
  }
}

.header .search-area .mascot {
  display: table-cell;
  width: 88px;
  vertical-align: top;
  text-align: center;
  padding-right: 16px;
}

@media screen and (max-width: 920px) {
  .header .search-area .mascot {
    position: absolute;
    left: 4.5%;
    top: 20px;
    display: block;
    width: 60px;
    padding-right: 10px;
  }
}

.header .search-area .mascot .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
}

.header .search-area .mascot .inner img {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 0%;
  height: 100%;
}

.header .search-area form {
  display: table-cell;
  vertical-align: middle;
}

.header .search-area form .search_form_name {
  margin-bottom: 5px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
}

@media screen and (max-width: 920px) {
  .header .search-area form .search_form_name {
    margin-bottom: 15px;
    padding-top: 15px;
    padding-left: 60px;
    padding-right: 120px;
  }
}

.header .search-area form .form{
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header .search-area form input[type="text"] {
  width: calc(100% - 282px);
  height: 50px;
  padding: 13px 12px 13px 12px;
  border: none;
  background-color: #fff;
  border-radius: 0;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #333;
}

@media screen and (max-width: 920px) {
  .header .search-area form input[type="text"] {
    width: 100%;
    height: 40px;
    margin-bottom: 1px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.header .search-area form input[type="submit"] {
  width: 140px;
  height: 50px;
  margin: 0;
  padding: 0 0 0 15px;
  background: url(/albums/css/basic2-common2/abm00001092.svg) no-repeat #006F37;
  background-size: 15px 15px;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media screen and (max-width: 920px) {
  .header .search-area form input[type="submit"] {
    width: calc(50% - 1px);
    height: 40px;
  }
}

.header .search-area form input[type=submit].faq {
  margin-left: 1px;
  margin-right: 1px;
  background-position: 23% center;
}

@media screen and (max-width: 920px) {
  .header .search-area form input[type=submit].faq {
    width: 50%;
    margin-left: 0;
  }
}

.header .search-area form input[type=submit].text {
  background-position: 14% center;
}

.header .search-area .search-link {
  margin-top: 8px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 920px) {
  .header .search-area .search-link {
    position: absolute;
    right: 4.5%;
    top: 50px;
    margin-top: 0;
  }
}

.header .search-area .search-link a {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #fff;
}

.header .search-area .search-link a::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 5px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: rotate(45deg);
}

.header .language-list {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .header .language-list {
    position: fixed;
    top: auto;
    bottom: 60px;
    width: 20%;
  }
  .header.lang .language-list {
    width: 25%;
  }
}

.header .language-list li {
  font-size: 14px;
  font-size: 1.4rem;
}

.header .language-list a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 36px;
  color: #fff;
  background-color: #333;
  text-align: center;
}

.header .language-list a:hover {
  background-color: #006f37;
  text-decoration: none;
}
.header .language-list a[target="_blank"]::after {
  content: none;
}

.header .pin-list {
  position: absolute;
  right: 0;
  top: 100%;
  display: none;
  width: 440px;
  color: #fff;
}

.header .pin-list a {
  color: #fff;
}

.header .pin-list .pin-list-tab {
  display: table;
  width: 100%;
  border-bottom: 1px solid #222;
}

.header .pin-list .pin-list-tab li {
  display: table-cell;
  width: 50%;
  height: 80px;
  font-size: 19px;
  font-size: 1.9rem;
  background-color: #222;
}

.header .pin-list .pin-list-tab li.select {
  background-color: #333;
}

.header .pin-list .pin-list-tab li.select .img svg {
  fill: #a71700;
}

.header .pin-list .pin-list-tab li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 80px;
  text-align: center;
}

.header .pin-list .pin-list-tab li a:hover {
  text-decoration: none;
  background-color: #393939;
}

.header .pin-list .pin-list-tab li .img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.header .pin-list .pin-list-tab li .img svg {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 0%;
  height: 100%;
  fill: #333;
  transition: fill 0.2s;
}

.header .pin-list .pin-list-content {
  background-color: #333;
}

.header .pin-list .pin-list-content ul.hide {
  display: none;
}

.header .pin-list .pin-list-content ul li {
  border-bottom: 1px solid #222;
}

.header .pin-list .pin-list-content-pin li {
  position: relative;
  padding: 15px 20px 30px 20px;
}

.header .pin-list .pin-list-content-pin li::after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.header .pin-list .pin-list-content-pin li .thumb {
  float: left;
  width: 140px;
  height: 74px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.header .pin-list .pin-list-content-pin li .date {
  margin-bottom: 5px;
  padding-left: 150px;
  padding-right: 15px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
}

.header .pin-list .pin-list-content-pin li .title {
  padding-left: 150px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.43;
  text-align: justify;
}

.header .pin-list .pin-list-content-pin li .title a {
  display: block;
}

.header .pin-list .pin-list-content-pin li .close {
  position: absolute;
  right: 16px;
  top: 11px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(/albums/css/basic2-common2/abm00001082.svg) no-repeat center center;
  background-size: 8px 8px;
  cursor: pointer;
}

.header .pin-list .pin-list-content-history {
  display: none;
}

.header .pin-list .pin-list-content-history li {
  padding: 15px 20px 20px 20px;
}

.header .pin-list .pin-list-content-history li .date {
  margin-bottom: 5px;
  padding-right: 15px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
}

.header .pin-list .pin-list-content-history li .title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.43;
  text-align: justify;
}

.header .pin-list .pin-list-content-history li .title a {
  display: block;
}


basic2-footer2,
english-footer,
ch_gb-footer,
ch_big5-footer,
kr-footer {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  display: -ms-flex;
  display: flex;
}

.footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #f7f7f7;
  font-size: 13px;
  font-size: 1.3rem;
}

.footer .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 45px 40px 55px 40px;
}

@media screen and (max-width: 1200px) {
  .footer .inner {
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0;
  }
}

.footer .footer-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 5px;
}

@media screen and (max-width: 1200px) {
  .footer .footer-content {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.footer .footer-content a {
  color: #222;
}

@media screen and (max-width: 1200px) {
  .footer .footer-left {
    padding: 40px 6% 0 6%;
  }
}

.footer .footer-left .logo {
  margin-bottom: 25px;
}

.footer .footer-left .logo img {
  width: 148px;
  height: 48px;
}

.footer .footer-left .address {
  margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .footer .footer-left .address {
    margin-bottom: 15px;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
}

.footer .footer-left .address .title {
  margin-right: 15px;
}

@media screen and (max-width: 1200px) {
  .footer .footer-left .address .title {
    display: block;
    margin-right: 0;
  }
}

.footer .footer-left .footer-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer .footer-left .footer-nav li::after {
  content: "｜";
  margin: 0 10px;
}

.footer .footer-left .footer-nav li:last-child::after {
  content: none;
}

@media screen and (max-width: 1200px) {
  .footer .footer-right {
    padding: 30px 6% 40px 6%;
  }
}

.footer .footer-right ul {
  display: -ms-flexbox;
  display: flex;
}

.footer .footer-right li {
  margin-left: 25px;
}

@media screen and (max-width: 1200px) {
  .footer .footer-right li {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1200px) {
  .footer .copyright {
    flex: 1 0 auto;
    padding: 5px 6% 65px 6%;
    text-align: center;
    background: #e5e5e5;
  }
}

.footer.lang .footer-left {
  margin-left: auto;
  margin-right: auto;
}
.footer.lang .copyright {
  text-align: center;
}

.page-top {
  position: fixed;
  z-index: 5;
  bottom: 30px;
  right: 30px;
  display: none;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 1200px) {
  .page-top {
    bottom: 75px;
    right: 15px;
  }
}

.page-top a {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #333;
  border-radius: 50%;
  transition: background 0.2s;
}

.page-top a:hover {
  background-color: #006F37;
}

.page-top a::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
}

.page-top a::after {
  content: "";
  position: absolute;
  top: 17px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
}

.page-top a i {
  opacity: 0;
  font-size: 0;
}

.sp-foot-nav {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  background: #333;
  border-top: 1px solid #222;
}

@media screen and (max-width: 1200px) {
  .sp-foot-nav {
    display: block;
  }
}

.sp-foot-nav ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 10px;
  font-size: 1rem;
}

.sp-foot-nav ul li {
  display: table-cell;
  width: 20%;
  border-left: 1px solid #222;
}

.sp-foot-nav ul li:first-child {
  border-left: none;
}

.sp-foot-nav ul li .img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
}

.sp-foot-nav ul li .img img {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 0%;
  height: 100%;
}

.sp-foot-nav ul li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 59px;
  padding-top: 4px;
  color: #fff;
  text-align: center;
}

.wrapper {
  display: -ms-flexbox;
  display: flex;
}
.global-nav-list {
  display: none;
  position: fixed;
  top: 0;
  left: 80px;
  background: #fff;
  max-height: 100vh;
  padding-top: 80px;
  overflow-y: scroll;
}
.global-nav {
  position: fixed;
  top: 0;
  left: 50px;
  z-index: 8;
  display: -ms-flexbox;
  display: flex;
  width: 560px;
  height: 100vh;
  background: #fff;
  transform: translateX(-560px);
  transition: transform 0.4s;
}

@media screen and (max-width: 1200px) {
  .global-nav {
    -ms-flex-direction: column;
        flex-direction: column;
    position: absolute;
    left: auto;
    right: 0;
    width: 100%;
    height: calc(100vh - 60px);
    margin-top: 60px;
    transform: translateX(100%);
    color: #fff;
  }
}

@media screen and (max-width: 1200px) {
  .global-nav a {
    color: #fff;
  }
}

.global-nav.active {
  transform: translateX(0);
}

.global-nav.ja .lv2-item,
.global-nav.lang .lv3-item {
  display: none;
}
.global-nav.lang .lv2-item > a {
  display: none !important;
}
.global-nav.ja .lv2-item.about2,
.global-nav.ja .lv2-item.education2,
.global-nav.ja .lv2-item.research2,
.global-nav.ja .lv2-item.social2,
.global-nav.ja .lv2-item.global2,
.global-nav.ja .lv2-item.campuslife2,
.global-nav.ja .lv2-item.career2,
.global-nav.ja .lv2-item.admission2,
.global-nav.ja .lv2-item.senshuonline2,
.global-nav.lang .lv3-item.about3,
.global-nav.lang .lv3-item.learn3,
.global-nav.lang .lv3-item.academics3,
.global-nav.lang .lv3-item.general3,
.global-nav.lang .lv3-item.program3,
.global-nav.lang .lv3-item.campus3 {
  display: block;
}

.global-nav .tab-change-nav {
  display: none;
}

@media screen and (max-width: 1200px) {
  .global-nav .tab-change-nav {
    display: table;
    width: 100%;
    height: 40px;
  }
}

.global-nav .tab-change-nav li {
  display: table-cell;
  padding: 8px 0;
  text-align: center;
  background-color: #006f37;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  border-left: 1px solid #000;
  cursor: pointer;
  transition: background 0.2s;
}

.global-nav .tab-change-nav li:first-child {
  border-left: none;
}

.global-nav .tab-change-nav li.pin .img {
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

.global-nav .tab-change-nav li.pin .img svg {
  width: 14px;
  height: 17px;
  fill: #fff;
  transition: fill 0.2s;
}

.global-nav .tab-change-nav li.active {
  background-color: #333;
}

.global-nav .tab-change-nav li.active.pin .img svg {
  fill: #a71700;
}

.global-nav .global-nav-inner {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 240px;
  background: #fff;
  transition: transform 0.4s, padding 0.1s;
}

.global-nav .global-nav-inner.active{
  transform: translateX(560px);
}

.global-nav .global-nav-inner > ul > li {
  pointer-events: none;
}

.global-nav .global-nav-inner > * {
  display: none;
  padding-bottom: 70px;
}

.global-nav.ja .global-nav-inner > .global {
  padding-top: 98px;
}

.global-nav .global-nav-inner > *.graduate ul li,
.global-nav .global-nav-inner > *.visitor ul li,
.global-nav .global-nav-inner > *.tool ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.global-nav .global-nav-inner > *.graduate ul li a,
.global-nav .global-nav-inner > *.visitor ul li a,
.global-nav .global-nav-inner > *.tool ul li a {
  display: block;
  padding: 9px 15px;
}

.global-nav .global-nav-inner > *.pin .pin-list-gnav {
  display: table;
  width: 100%;
  border-bottom: 1px solid #222;
}

.global-nav .global-nav-inner > *.pin .pin-list-gnav li {
  display: table-cell;
  width: 50%;
  height: 80px;
  font-size: 19px;
  font-size: 1.9rem;
  background-color: #222;
}

.global-nav .global-nav-inner > *.pin .pin-list-gnav li.select {
  background-color: #333;
}

.global-nav .global-nav-inner > *.pin .pin-list-gnav li.select .img svg {
  fill: #a71700;
}

.global-nav .global-nav-inner > *.pin .pin-list-gnav li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 80px;
  text-align: center;
}

.global-nav .global-nav-inner > *.pin .pin-list-gnav li a:hover {
  text-decoration: none;
  background-color: #393939;
}

.global-nav .global-nav-inner > *.pin .pin-list-gnav li .img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.global-nav .global-nav-inner > *.pin .pin-list-gnav li .img svg {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 0%;
  height: 100%;
  fill: #333;
  transition: fill 0.2s;
}

.global-nav .global-nav-inner > *.pin .pin-list-content {
  background-color: #333;
}

.global-nav .global-nav-inner > *.pin .pin-list-content ul.hide {
  display: none;
}

.global-nav .global-nav-inner > *.pin .pin-list-content ul li {
  border-bottom: 1px solid #222;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-pin li {
  position: relative;
  padding: 15px 20px 30px 20px;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-pin li::after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-pin li .thumb {
  float: left;
  width: 140px;
  height: 74px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-pin li .date {
  margin-bottom: 5px;
  padding-left: 150px;
  padding-right: 15px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-pin li .title {
  padding-left: 150px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.43;
  text-align: justify;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-pin li .title a {
  display: block;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-pin li .close {
  position: absolute;
  right: 16px;
  top: 11px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(/albums/css/basic2-common2/abm00001082.svg) no-repeat center center;
  background-size: 8px 8px;
  cursor: pointer;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-history {
  display: none;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-history li {
  padding: 15px 20px 20px 20px;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-history li .date {
  margin-bottom: 5px;
  padding-right: 15px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-history li .title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.43;
  text-align: justify;
}

.global-nav .global-nav-inner > *.pin .pin-list-content-history li .title a {
  display: block;
}

@media screen and (max-width: 1200px) {
  .global-nav .global-nav-inner > * {
    background: #333;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1200px) {
  .global-nav .global-nav-inner > *.active {
    display: block;
  }
}

@media screen and (max-width: 1200px) {
  .global-nav .global-nav-inner {
    width: 100%;
    height: calc(100vh - 160px);
    min-height: 0 !important;
    background: #333;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .global-nav.lang .global-nav-inner {
    height: calc(100vh - 120px);
  }
  .global-nav .global-nav-inner .gnav-wrap {
    display: none;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .global-nav.lang .global-nav-inner .gnav-wrap.lv2-wrap {
    display: block;
  }
  .global-nav .global-nav-inner .global {
    padding-top: 0 !important;
  }
  .global-nav.lang .global-nav-inner .global > a {
    display: block;
    min-height: 45px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding: 8px 45px 8px 15px;
  }
  .global-nav .global-nav-inner .global a {
    position: relative;
    display: block;
    padding: 6px 15px;
  }
  .global-nav .global-nav-inner .global a > .button {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 37px;
  }
  .global-nav .global-nav-inner .global a > .button > .inner::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 17px;
    width: 11px;
    height: 1px;
    background: #fff;
  }
  .global-nav .global-nav-inner .global a > .button > .inner::after {
    content: "";
    position: absolute;
    top: 18px;
    left: 17px;
    width: 11px;
    height: 1px;
    transform: rotate(90deg);
    background: #fff;
  }
  .global-nav .global-nav-inner .global a.active > .button > .inner::after {
    opacity: 0;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item > a,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item > a {
    min-height: 45px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding: 8px 45px 8px 15px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item > a > .button,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item > a > .button {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item > a > .button > .inner,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item > a > .button > .inner {
    position: absolute;
    left: 11px;
    top: 11px;
    width: 23px;
    height: 23px;
    background: #a71700;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item > a > .button > .inner::before,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item > a > .button > .inner::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 6px;
    width: 11px;
    height: 1px;
    background: #fff;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item > a > .button > .inner::after,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item > a > .button > .inner::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 6px;
    width: 11px;
    height: 1px;
    transform: rotate(90deg);
    background: #fff;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item > a.active > .button > .inner::after,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item > a.active > .button > .inner::after {
    opacity: 0;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item .lv2-wrap,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item .lv3-wrap {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item .lv4-link,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item .lv5-link {
    padding-left: 30px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item .lv5-link,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item .lv6-link {
    padding-left: 45px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item .lv6-link,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item .lv7-link {
    padding-left: 60px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item .lv7-link,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item .lv8-link {
    padding-left: 75px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item .lv8-link,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item .lv9-link {
    padding-left: 90px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item .lv9-link,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item .lv10-link {
    padding-left: 105px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item .lv10-link {
    padding-left: 120px;
  }
}

@media screen and (min-width: 1201px) {
  .global-nav .global-nav-inner .global {
    display: block;
    padding-bottom: 0;
    background: #fff;
  }
  .global-nav.lang .global-nav-inner .global > a {
    display: none;
  }
  .global-nav.ja .global-nav-inner .global {
    border-right: 1px solid #eee;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item > a.head,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item > a.head {
    padding-right: 20px;
  }
  .global-nav.ja .global-nav-inner .gnav-item.lv2-item > a > .button,
  .global-nav.lang .global-nav-inner .gnav-item.lv3-item > a > .button  {
    display: none;
  }
  .global-nav.ja .global-nav-inner > .global,
  .global-nav.ja .global-nav-inner .gnav-wrap {
    border-right: 1px solid #eee;
  }
  .global-nav .global-nav-inner .gnav-item {
    background: #fff;
    flex: 0 0 auto;
  }
  .global-nav .global-nav-inner .global a.maintainHover + div {
    transition: left 0.3s ease 0.5s;
  }
  .global-nav .global-nav-inner .global a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 7px 30px 6px 20px;
    color: #333;
    background: #fff;
    overflow: hidden;
  }
  .global-nav .global-nav-inner .global a.head {
    padding-right: 40px;
  }
  .global-nav .global-nav-inner .global a:hover,
  .global-nav .global-nav-inner .global a.maintainHover,
  .global-nav .global-nav-inner .global a.active-nav,
  .global-nav .global-nav-inner .global a.active {
    text-decoration: none;
    background-color: #006f37;
    color: #fff;
  }
  .global-nav .global-nav-inner .global a:hover > .button::before,
  .global-nav .global-nav-inner .global a:hover > .button::after,
  .global-nav .global-nav-inner .global a.maintainHover > .button::before,
  .global-nav .global-nav-inner .global a.maintainHover > .button::after,
  .global-nav .global-nav-inner .global a.active-nav > .button::before,
  .global-nav .global-nav-inner .global a.active-nav > .button::after,
  .global-nav .global-nav-inner .global a.active > .button::before,
  .global-nav .global-nav-inner .global a.active > .button::after {
    background-color: #fff;
  }
  .global-nav .global-nav-inner .global a:hover > .button::after,
  .global-nav .global-nav-inner .global a.maintainHover > .button::after,
  .global-nav .global-nav-inner .global a.active-nav > .button::after,
  .global-nav .global-nav-inner .global a.active > .button::after {
    opacity: 0;
  }
  .global-nav .global-nav-inner .global .button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
  }
  .global-nav .global-nav-inner .global .button::before,
  .global-nav .global-nav-inner .global .button::after {
    content: "";
    position: absolute;
    display: block;
    right: 15px;
    top: 20px;
    width: 11px;
    height: 1px;
    background-color: #333;
    transition: background 0.2s;
  }
  .global-nav .global-nav-inner .global .button::after {
    transform: rotate(90deg);
    transition: background 0.2s;
  }
  .global-nav .global-nav-inner .global .gnav-wrap {
    background: #fff;
    transition: left 0.3s;
    border-right: 1px solid #eee;
  }
  .global-nav .global-nav-inner .global .gnav-wrap > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100vh;
    padding-top: 98px;
    transition: padding 0.1s;
    overflow-y: auto;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
  }
  .global-nav .global-nav-inner .global .gnav-wrap > .english2,
  .global-nav .global-nav-inner .global .gnav-wrap > .chinese_gb2,
  .global-nav .global-nav-inner .global .gnav-wrap > .chinese_big52,
  .global-nav .global-nav-inner .global .gnav-wrap > .Korean2 {
    height: auto;
    padding-top: 98px;
    pointer-events: auto;
  }
  .global-nav .global-nav-inner .global .maintainHover ~ .gnav-wrap > div {
    pointer-events: auto;
  }
  .global-nav.ja .global-nav-inner .global .lv2-wrap,
  .global-nav.lang .global-nav-inner .global .lv3-wrap {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 240px;
  }
  .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap,
  .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap {
    left: 240px;
    transition: left 0.3s;
  }
  .global-nav.ja .global-nav-inner .global .lv3-wrap,
  .global-nav.lang .global-nav-inner .global .lv4-wrap {
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 240px;
  }
  .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .lv3-wrap,
  .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .lv4-wrap {
    left: 240px;
  }
  .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .maintainHover + .lv3-wrap,
  .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .maintainHover + .lv4-wrap {
    left: 480px;
    transition: left 0.3s;
  }
  .global-nav.ja .global-nav-inner .global .lv4-wrap,
  .global-nav.lang .global-nav-inner .global .lv5-wrap {
    position: fixed;
    z-index: -3;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 240px;
  }
  .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .lv4-wrap,
  .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .lv5-wrap {
    left: 240px;
  }
  .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .maintainHover + .lv3-wrap .lv4-wrap,
  .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .maintainHover + .lv4-wrap .lv5-wrap {
    left: 480px;
  }
  .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .maintainHover + .lv3-wrap .maintainHover + .lv4-wrap,
  .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .maintainHover + .lv4-wrap .maintainHover + .lv5-wrap {
    left: 720px;
    transition: left 0.3s;
  }
  .global-nav.ja .global-nav-inner .global .lv4-wrap .button,
  .global-nav.lang .global-nav-inner .global .lv5-wrap .button {
    display: none;
  }
  .global-nav.ja .global-nav-inner .global .lv4-wrap a.head,
  .global-nav.lang .global-nav-inner .global .lv5-wrap a.head {
    padding-right: 20px;
  }
  .global-nav.ja .global-nav-inner .global .lv5-wrap,
  .global-nav.lang .global-nav-inner .global .lv6-wrap {
    display: none;
  }
  
  .IE .global-nav.ja .global-nav-inner .global .lv2-wrap,
  .IE .global-nav.ja .global-nav-inner .global .lv3-wrap,
  .IE .global-nav.ja .global-nav-inner .global .lv4-wrap,
  .IE .global-nav.lang .global-nav-inner .global .lv3-wrap,
  .IE .global-nav.lang .global-nav-inner .global .lv4-wrap,
  .IE .global-nav.lang .global-nav-inner .global .lv5-wrap {
    left: -190px;
  }
  .IE .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap,
  .IE .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .lv3-wrap,
  .IE .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap,
  .IE .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .lv4-wrap {
    left: 290px;
  }
  .IE .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .maintainHover + .lv3-wrap,
  .IE .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .maintainHover + .lv3-wrap .lv4-wrap,
  .IE .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .maintainHover + .lv4-wrap,
  .IE .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .maintainHover + .lv4-wrap .lv5-wrap {
    left: 530px;
  }
  .IE .global-nav.ja .global-nav-inner .global .maintainHover + .lv2-wrap .maintainHover + .lv3-wrap .maintainHover + .lv4-wrap,
  .IE .global-nav.lang .global-nav-inner .global .maintainHover + .lv3-wrap .maintainHover + .lv4-wrap .maintainHover + .lv5-wrap {
    left: 770px;
  }
}

.global-nav .global-nav-inner .other-nav {
  display: block;
  padding: 45px 20px 20px 20px;
  background-color: #fff;
  border-right: 1px solid #eee;
  flex: 1 1 auto;
}

.global-nav .global-nav-inner .other-nav::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background: url(/albums/css/basic2-common2/abm00001081.png) no-repeat center center;
  background-size: cover;
}

.global-nav .global-nav-inner .other-nav .menu-01 {
  margin-top: 14px;
  padding-left: 10px;
  border-left: 1px solid #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.global-nav .global-nav-inner .other-nav .menu-01 ul li {
  margin-top: 4px;
  margin-bottom: 4px;
}

.global-nav .global-nav-inner .other-nav .menu-02 {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 14px;
  padding-left: 10px;
  border-left: 1px solid #333;
}

.global-nav .global-nav-inner .other-nav .menu-02 ul li {
  margin-top: 4px;
  margin-bottom: 4px;
}

.global-nav .global-nav-inner .other-nav .menu-02 ul li.contact a::before {
  content: "";
  position: relative;
  top: 5px;
  width: 15px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  background: url(/albums/css/basic2-common2/abm00001090.svg) no-repeat center center;
  background-size: 15px 14px;
  vertical-align: top;
}

.global-nav .global-nav-inner .other-nav .menu-02 ul li.data a::before {
  content: "";
  position: relative;
  top: 5px;
  width: 15px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  background: url(/albums/css/basic2-common2/abm00001093.svg) no-repeat center center;
  background-size: 15px 14px;
  vertical-align: top;
}

.global-nav .global-nav-inner .other-nav .menu-02 ul li.donation a::before {
  content: "";
  position: relative;
  top: 5px;
  width: 15px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  background: url(/albums/css/basic2-common2/abm00001084.svg) no-repeat center center;
  background-size: 15px 14px;
  vertical-align: top;
}

.global-nav .global-nav-inner .other-nav .sns {
  margin-top: 20px;
}
.global-nav .global-nav-inner .other-nav .sns ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.global-nav .global-nav-inner .other-nav .sns ul li {
  margin-right: 4px;
  margin-bottom: 4px;
}
.global-nav .global-nav-inner .other-nav .sns ul a {
  display: block;
}
.global-nav .global-nav-inner .other-nav .sns ul a:hover {
  opacity: 0.7;
}
.global-nav .global-nav-inner .other-nav .sns ul a::after {
  content: none;
}
.global-nav .global-nav-inner .other-nav .sns ul img {
  width: 28px;
  height: 28px;
}

@media screen and (max-width: 1200px) {
  .global-nav .global-nav-inner .other-nav {
    padding: 0 15px 20px 15px;
    background: #333;
  }
  .global-nav .global-nav-inner .other-nav::before {
    content: none;
  }
  .global-nav .global-nav-inner .other-nav .menu-01,
  .global-nav .global-nav-inner .other-nav .menu-02 {
    display: none;
  }
  .global-nav .global-nav-inner .gnav-folder {
    padding-top: 0 !important;
  }
}

.global-nav .graduate-nav {
  position: relative;
  z-index: 0;
  width: 320px;
  padding: 0 30px;
  background: transparent;
  padding-top: 98px;
  transition: background 0.4s linear 0.4s, transform 0.4s, padding 0.1s;
  color: #fff;
}
body.top-inactive .global-nav .graduate-nav {
  background: #37ad63;
}
.global-nav .graduate-nav.active{
  transition: background 0s, transform 0.4s, padding 0.1s;
  background: #37ad63;
  transform: translateX(320px);
}

@media screen and (max-width: 1200px) {
  .global-nav .graduate-nav {
    display: none;
  }
}

.global-nav .graduate-nav .title {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  font-size: 20px;
  font-size: 2rem;
}

.global-nav .graduate-nav .title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 1px;
  background: #fff;
}

.global-nav .graduate-nav .nav {
  font-size: 14px;
  font-size: 1.4rem;
}

.global-nav .graduate-nav .nav li {
  margin-top: 7px;
  margin-bottom: 7px;
}

.global-nav .graduate-nav .side-search {
  margin-top: 100px;
}

.global-nav .graduate-nav .side-search form {
  position: relative;
}

.global-nav .graduate-nav .side-search form img {
  position: absolute;
  top: 7px;
  left: 10px;
  width: 32px;
  height: 36px;
}

.global-nav .graduate-nav .side-search form input[type="text"] {
  width: 100%;
  height: 50px;
  padding: 14px 50px 14px 50px;
  background: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.global-nav .graduate-nav .side-search form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: url(/albums/css/basic2-common2/abm00001079.svg) no-repeat center center #fff;
  background-size: 19px 19px;
  color: transparent;
  font-size: 0;
}

.global-nav .graduate-nav .side-search .side-search-inner {
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.global-nav .graduate-nav .side-search .label-checkbox {
  margin-right: 14px;
}

.global-nav .graduate-nav .side-search .label-checkbox input[type=radio] {
  display: none;
}

.global-nav .graduate-nav .side-search .label-checkbox input[type=radio] + .checkbox-icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -1px;
  margin-right: 4px;
  background-color: #006F37;
  vertical-align: middle;
}

.global-nav .graduate-nav .side-search .label-checkbox input[type=radio]:checked + .checkbox-icon::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 8px;
  height: 5px;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}

.global-nav .graduate-nav .side-search .label-checkbox input[type=radio]:checked + .checkbox-icon::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 8px;
  height: 5px;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.side-main {
  position: relative;
  z-index: 9;
  width: 50px;
  background: #006f37;
}

@media screen and (max-width: 1200px) {
  .side-main {
    display: none;
  }
}

.side-main .menu-btn {
  position: fixed;
  top: 50vh;
  left: 0;
  width: 50px;
  text-align: center;
  cursor: pointer;
}

.side-main .menu-btn .inner {
  padding-top: 2px;
  background: #006f37;
  transition: background 0.2s;
}

.side-main .menu-btn .inner::after {
  content: "MENU";
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
}

.side-main .menu-btn span {
  display: block;
  width: 24px;
  height: 2px;
  margin: 6px auto;
  background: #fff;
  transition: opacity 0.2s;
}

.side-sub {
  position: relative;
  width: 30px;
  background: #37ad63;
}

@media screen and (max-width: 1200px) {
  .side-sub {
    display: none;
  }
}

.side-sub .menu-btn {
  position: fixed;
  top: 50vh;
  left: 50px;
  display: block;
  width: 30px;
  height: 30px;
  background: #006f37;
  cursor: pointer;
}

.side-sub .menu-btn::before {
  content: "";
  position: absolute;
  top: 13px;
  right: 12px;
  display: block;
  width: 6px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
}

.side-sub .menu-btn::after {
  content: "";
  position: absolute;
  top: 17px;
  right: 12px;
  display: block;
  width: 6px;
  height: 1px;
  background: #fff;
  transform: rotate(-45deg);
}

.menu-overlay {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 7;
  background: rgba(0, 0, 0, 0.3);
  width: calc(100% - 80px);
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}

@media screen and (max-width: 1200px) {
  .menu-overlay {
    display: none;
  }
}

.menu-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: calc(100% - 80px);
  min-height: calc(100vh - 80px);
  overflow-x: hidden;
}

@media screen and (max-width: 1200px) {
  .container {
    width: 100%;
  }
}

body.errorpage2 .breads {
  display: none;
}

.breads {
  margin-bottom: 90px;
  padding: 19px 40px 18px 40px;
  background: #f1f1f1;
  font-size: 13px;
  font-size: 1.3rem;
  color: #7f7f7f;
}

@media screen and (max-width: 1200px) {
  .breads {
    display: none;
  }
}

.breads a {
  color: #333;
}

.breads ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.breads li::after {
  content: "／";
  margin: 0 3px;
  color: #333;
}

.breads li:last-child::after {
  content: none;
}

.contents {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
	    justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .contents {
  	-ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

.main {
  position: relative;
  z-index: 1;
  width: calc(100% - 310px);
  padding: 0 40px;
  /*overflow: hidden;*/
}

@media screen and (max-width: 1200px) {
  .main {
    width: 100%;
    padding: 0 6%;
  }
}

[data-is="news-detail"] a,
.main a {
  color: #008E46;
  word-wrap: break-word;
}
.main span > a {
  color: inherit;
}

.main-inner {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding-bottom: 180px;
}

@media screen and (max-width: 1200px) {
  .main-inner {
    padding-bottom: 90px;
  }
}

.local-nav {
  position: relative;
  z-index: 1;
  width: 310px;
  padding-left: 10px;
  padding-bottom: 40px;
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .local-nav {
    width: 100%;
    padding-left: 0;
  }
}

.local-nav .sidebar-bnr-wrap {
  padding: 30px 0;
}
.main-inner + * > .sidebar-bnr-wrap {
  padding-bottom: 40px;
}
.local-nav .sidebar-bnr > * {
  display: block;
  padding: 10px;
}
.local-nav .sidebar-bnr a[target="_blank"]::after {
  content: none;
}
.local-nav .sidebar-bnr img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item {
    position: relative;
    padding-top: 0;
    border-top: none;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item.active > a {
    background-color: #333;
    color: #fff;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item.active > .button::after {
    opacity: 0;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item .button {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: #333;
    cursor: pointer;
    transition: background 0.2s;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item .button > .inner {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 11px;
    display: block;
    width: 29px;
    height: 29px;
    background: #a71700;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .button {
    background-color: #f1f1f1;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item.active .button {
    background-color: #333;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item .button::before,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item .button::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: calc(50% - 1px);
    left: calc(50% - 7px);
    height: 1px;
    width: 13px;
    background-color: #fff;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item .button::after {
    transform: rotate(90deg);
    transition: opacity 0.3s;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-link {
  display: block;
  padding: 0 10px 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  border-bottom: 1px solid #555;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-link {
    min-height: 50px;
    width: calc(100% - 50px);
    height: auto;
    padding: 12px 0 10px 17px;
    border-bottom: none;
    font-size: 15px;
    font-size: 1.5rem;
    background: #f1f1f1;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-link:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-link:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-link.active > .button::after {
    opacity: 0;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (min-width: 1201px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder {
    display: block !important;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder {
    display: none;
    background-color: #333;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item {
    display: block;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.active > a::before,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a::before {
  background: #555;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a {
    border-bottom: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > ul {
  display: block;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > ul {
    display: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button::after {
  opacity: 0;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button {
    background-color: #333;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.active > a {
    border-bottom: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button::after {
  opacity: 0;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button {
    background-color: #333;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item {
    border-bottom: none;
    border-top: 1px solid #000;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 31px;
  height: 31px;
  cursor: pointer;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button > .inner {
  display: block;
  margin-left: 7px;
  margin-top: 7px;
  width: 17px;
  height: 17px;
  transition: background 0.2s;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button > .inner {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 11px;
    display: block;
    margin: 0;
    width: 29px;
    height: 29px;
    background: transparent;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button > .inner,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button > .inner {
    background: #a71700;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button:hover {
    background-color: #333;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::before,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  display: block;
  width: 11px;
  height: 1px;
  background-color: #333;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::before,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
    top: calc(50% - 1px);
    left: calc(50% - 7px);
    width: 13px;
    background-color: #fff;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
  transform: rotate(90deg);
  transition: opacity 0.2s;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link {
  position: relative;
  display: block;
  min-height: 44px;
  margin-right: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: calc(100% + 40px);
  height: 1px;
  background: transparent;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link {
    min-height: 50px;
    width: calc(100% - 50px);
    height: auto;
    padding: 12px 0 10px 17px;
    border-bottom: none;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover {
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover {
    background-color: #444;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover::before {
  background: #555;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder {
  display: none;
  margin-bottom: 10px;
  background: #f1f1f1;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder {
    margin-top: 0;
    margin-bottom: 0;
    background: transparent;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-folder {
  display: block;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item {
  position: relative;
  margin-top: 3px;
  margin-bottom: 3px;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 19px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #006f37;
  border-radius: 50%;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a::before {
    content: none;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a {
    border-bottom: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button::after {
  opacity: 0;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > a {
  border-bottom: 1px solid #555;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > a {
    border-bottom: none;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button {
    background-color: #222;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button::after {
  opacity: 0;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #000;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button {
    background-color: transparent;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button:hover {
    background-color: #333;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > ul {
  display: block;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > ul {
    display: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link {
  position: relative;
  display: block;
  width: calc(100% - 40px);
  min-height: 44px;
  padding-left: 15px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid transparent;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link {
    min-height: 50px;
    width: calc(100% - 50px);
    height: auto;
    padding: 12px 0 10px 32px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    border-bottom: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover {
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover {
    background-color: #444;
    border-bottom: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current::before,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 19px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #006f37;
  border-radius: 50%;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current::before,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover::before {
    content: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-link + ul {
  display: block;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-link + ul {
    display: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 31px;
  height: 31px;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #222;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button > .inner {
  display: block;
  margin-left: 7px;
  margin-top: 7px;
  width: 17px;
  height: 17px;
  transition: background 0.2s;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button > .inner {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 11px;
    display: block;
    margin: 0;
    width: 29px;
    height: 29px;
    background: transparent;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button > .inner,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button > .inner {
    background: #a71700;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button:hover {
    background-color: #333;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::before,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  display: block;
  width: 11px;
  height: 1px;
  background-color: #333;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::before,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
    top: calc(50% - 1px);
    left: calc(50% - 7px);
    width: 13px;
    background-color: #fff;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button:after {
  transform: rotate(90deg);
  transition: opacity 0.2s;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder {
  display: none;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-folder {
  display: block;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item {
  position: relative;
  margin-top: 3px;
  margin-bottom: 3px;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #000;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 31px;
  height: 31px;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #222;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button > .inner {
  display: block;
  margin-left: 7px;
  margin-top: 7px;
  width: 17px;
  height: 17px;
  transition: background 0.2s;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button > .inner {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 11px;
    display: block;
    margin: 0;
    width: 29px;
    height: 29px;
    background: transparent;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button > .inner,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button > .inner {
    background: #a71700;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button:hover {
    background-color: #333;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::before,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  display: block;
  width: 11px;
  height: 1px;
  background-color: #333;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::before,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
    top: calc(50% - 1px);
    left: calc(50% - 7px);
    width: 13px;
    background-color: #fff;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button:after {
  transform: rotate(90deg);
  transition: opacity 0.2s;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder {
  display: none;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-folder {
  display: block;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item {
  position: relative;
  margin-top: 3px;
  margin-bottom: 3px;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #000;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link {
  position: relative;
  display: block;
  width: calc(100% - 55px);
  min-height: 44px;
  margin-left: 15px;
  padding-left: 15px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid transparent;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link {
    min-height: 50px;
    width: calc(100% - 50px);
    height: auto;
    margin-left: 0;
    padding: 12px 0 10px 47px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    border-bottom: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover {
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover {
    border-bottom: none;
    background-color: #444;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current::before,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 19px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #006f37;
  border-radius: 50%;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current::before,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover::before {
    content: none;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-link {
    border-bottom: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 19px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #006f37;
  border-radius: 50%;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a::before {
    content: none;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a {
    border-bottom: none;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button {
    background-color: #222;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button::after {
  opacity: 0;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > a {
  border-bottom: 1px solid #555;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > a,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > a {
    border-bottom: none;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button {
    background-color: #222;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button::after {
  opacity: 0;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button {
  position: absolute;
  top: -3px;
  right: 4px;
  width: 31px;
  height: 31px;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #222;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button > .inner {
  display: block;
  margin-left: 7px;
  margin-top: 7px;
  width: 17px;
  height: 17px;
  transition: background 0.2s;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button > .inner {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 11px;
    display: block;
    margin: 0;
    width: 29px;
    height: 29px;
    background: transparent;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.active > .button > .inner,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .button > .inner {
    background: #a71700;
  }
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button:hover {
    background-color: #333;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::before,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  display: block;
  width: 11px;
  height: 1px;
  background-color: #333;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::before,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button::after {
    top: calc(50% - 1px);
    left: calc(50% - 7px);
    width: 13px;
    background-color: #fff;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .button:after {
  transform: rotate(90deg);
  transition: opacity 0.2s;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder {
  display: none;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-folder {
  display: block;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item {
  margin-top: 3px;
  margin-bottom: 3px;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #000;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link {
  position: relative;
  display: block;
  width: calc(100% - 70px);
  min-height: 44px;
  margin-left: 30px;
  padding-left: 15px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid transparent;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link {
    min-height: 50px;
    width: calc(100% - 50px);
    height: auto;
    margin-left: 0;
    padding: 12px 0 10px 62px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    border-bottom: none;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover {
  text-decoration: none;
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current::before,
.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 19px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #006f37;
  border-radius: 50%;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current::before,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover::before {
    content: none;
  }
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link.p-current,
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-link:hover {
    text-decoration: none;
    background-color: #444;
  }
}

.local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-link {
  border-bottom: 1px solid #555;
}

@media screen and (max-width: 1200px) {
  .local-nav > .inner > * > * > * > .lnav-item > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item > .lnav-folder > * > .lnav-item.f-current > .lnav-link {
    border-bottom: none;
  }
}

.local-nav .lnav-wrap {
  display: none;
}

.fr-editor [cp-type="prepub"] {
  min-height: 27px;
}
[data-area="content"] .fr-block .cp-external-text-area {
  border: 1px solid rgb(169, 169, 169);
}
[data-area="content"] .fr-block .cp-videos-item .cp-videos-thumb .cp-inner {
  display: block;
}

.audio-wrap {
  margin-top: 40px;
}

.top .cp-h1-text,
.top .cp-h2-text,
.top .cp-h3-text,
.top .cp-h4-text,
.top .cp-h5-text {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 1200px) {
  .top .cp-h1-text,
  .top .cp-h2-text,
  .top .cp-h3-text,
  .top .cp-h4-text,
  .top .cp-h5-text {
    padding-left: 3%;
    padding-right: 3%;
  }
}

.top .cp-h2-text {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 4px;
  color: #666;
}

@media screen and (max-width: 1200px) {
  .top .cp-h2-text {
    font-size: 21px;
    font-size: 2.1rem;
    letter-spacing: 3px;
  }
}

.top .cp-h2-text::before {
  content: none;
}

.top .cp-h2-text::after {
  left: 40px;
  width: 32px;
  background: #333;
}

@media screen and (max-width: 1200px) {
  .top .cp-h2-text::after {
    left: 3%;
  }
}

.top .cp-h2-text + .title-wrap {
  margin-top: -70px;
}

@media screen and (max-width: 1200px) {
  .top .cp-h2-text + .title-wrap {
    margin-top: -20px;
  }
}

.top .cp-h3-text {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 28px;
  padding-bottom: 25px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 3px;
  color: #666;
}

@media screen and (max-width: 1200px) {
  .top .cp-h3-text {
    letter-spacing: 2px;
  }
}

.top .cp-h3-text::before {
  content: none;
}

.top .cp-h3-text::after {
  left: 40px;
  width: 22px;
  background: #333;
}

@media screen and (max-width: 1200px) {
  .top .cp-h3-text::after {
    left: 3%;
  }
}
.senon-top .cp-h4-text.topics,
.top .cp-h4-text.topics {
  position: relative;
  margin-top: 0;
  margin-bottom: -50px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: #666;
}
.senon-top .cp-h4-text.topics::before,
.top .cp-h4-text.topics::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  display: block;
  width: 100vw;
  height: 100%;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #f7f7f7;
}
.senon-top .cp-h4-text.information,
.top .cp-h4-text.information {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: #666;
}
@media screen and (max-width: 1200px) {
  .senon-top .cp-h4-text.topics,
  .top .cp-h4-text.topics {
    margin-top: 0;
    margin-bottom: -10px;
  }
  .senon-top .cp-h4-text.information,
  .top .cp-h4-text.information {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

.top .title-wrap {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.top .title-wrap .calendar {
  position: absolute;
  top: 27px;
  right: 190px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  .top .title-wrap .calendar {
    right: 3%;
    margin-right: 125px;
  }
}

@media screen and (max-width: 1200px) {
  .top .title-wrap .calendar .text {
    display: none;
  }
}

.top .title-wrap .calendar .img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 28px;
  height: 28px;
  margin-top: -4px;
  margin-left: 16px;
}

@media screen and (max-width: 1200px) {
  .top .title-wrap .calendar .img {
    margin-left: 0;
  }
}

.top .title-wrap .calendar .img svg {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 0%;
  height: 100%;
  fill: #aaa;
  transition: fill 0.2s;
}

.top .title-wrap .calendar a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px 5px 10px;
  color: #aaa;
  letter-spacing: 3px;
}

.top .title-wrap .calendar a:hover {
  color: #666;
  text-decoration: none;
}

.top .title-wrap .calendar a:hover .img svg {
  fill: #666;
}

.top .title-wrap .more {
  position: absolute;
  top: 27px;
  right: 90px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 3px;
}

@media screen and (max-width: 1200px) {
  .top .title-wrap .more {
    right: 3%;
    margin-right: 40px;
    letter-spacing: 2px;
  }
}

.top .title-wrap .more a {
  position: relative;
  display: inline-block;
  padding: 5px 25px 5px 10px;
  color: #aaa;
}

.top .title-wrap .more a::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 10px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  transform: rotate(45deg);
  transition: border 0.2s;
}

.top .title-wrap .more a:hover {
  color: #666;
  text-decoration: none;
}

.top .title-wrap .more a:hover::before {
  border-color: #666;
}

.top .title-wrap .button {
  position: absolute;
  top: 28px;
  right: 40px;
}

@media screen and (max-width: 1200px) {
  .top .title-wrap .button {
    right: 3%;
  }
}

.top .title-wrap .button button {
  position: relative;
  display: block;
  width: 29px;
  height: 29px;
  background: #a71700;
}

.top .title-wrap .button button::before, .top .title-wrap .button button::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 14px;
  width: 13px;
  height: 1px;
  background: #fff;
}

.top .title-wrap .button button::after {
  transform: rotate(90deg);
  transition: opacity 0.2s;
}

.top .title-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100vw;
  height: 1px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #ddd;
  transition: opacity 0.2s;
}

.top .title-wrap.active .button button::after {
  opacity: 0;
}

.top .title-wrap.active::before {
  opacity: 0;
}

.top .news-wrap {
  padding-bottom: 40px;
}

@media screen and (min-width: 1201px) {
  .top-inactive .menu-overlay {
    opacity: 1;
  }
  .top-inactive .global-nav {
    transform: translateX(0);
  }
  .top-inactive .menu-btn,
  .top-inactive .global-nav .global-nav-inner .gnav-item {
    pointer-events: none;
  }
}

.top-nav {
  display: none;
  color: #fff;
}

.page-edit .top-nav{
  display: block;
}

@media screen and (max-width: 1200px) {
  .top-nav {
    display: block;
  }
}

[data-area="content"]:not(.fr-editor) .top-nav ul > li {
  margin: 0;
  padding-left: 0;
  text-indent: 0;
}
[data-area="content"]:not(.fr-editor) .top-nav ul > li a{
  margin-left: 0;
}
[data-area="content"]:not(.fr-editor) .top-nav ul > li::before,
[data-area="content"]:not(.fr-editor) .top-nav ul > li a::before {
  content: none;
}

.top-nav ul{
  list-style: none;
  margin-left: 0;
}

.top-nav .top-change-nav {
  display: table;
  width: 100%;
}

.top-nav .top-change-nav li {
  display: table-cell;
  padding: 8px 0;
  text-align: center;
  background-color: #333;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  border-left: 1px solid #000;
  cursor: pointer;
  transition: background 0.2s;
}

.top-nav .top-change-nav li:first-child {
  border-left: none;
}

.top-nav .top-change-nav li.pin.active {
  background-color: #333;
}

.top-nav .top-change-nav li.pin .img {
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 5px;
}

.page-edit .top-nav .top-change-nav li.pin .img {
  display: none;
}

.top-nav .top-change-nav li.pin .img svg {
  width: 14px;
  height: 17px;
  fill: #fff;
  transition: fill 0.2s;
}

.top-nav .top-change-nav li.active {
  background-color: #006f37;
}

.top-nav .top-change-nav li.active.pin .img svg {
  fill: #a71700;
}

.top-nav .top-nav-inner > div {
  display: none;
  background: #006f37;
  transition: background 0.2s;
}

.top-nav .top-nav-inner > div a {
  display: block;
  color: #fff;
}

.top-nav .top-nav-inner > div.active {
  display: block;
}

.top-nav .top-nav-inner > div.active.pin {
  background: #333;
}

.top-nav .top-nav-inner > div.global .harf {
  display: -ms-flexbox;
  display: flex;
}

.top-nav .top-nav-inner > div.global .harf > br {
  display: none;
}

.top-nav .top-nav-inner > div.global .harf ul {
  width: 50%;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.top-nav .top-nav-inner > div.global .harf ul:nth-child(2n) {
  border-right: none;
}

.top-nav .top-nav-inner > div.global .harf ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.top-nav .top-nav-inner > div.global .harf ul li a {
  padding: 9px 15px;
}

.top-nav .top-nav-inner > div.global > ul {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.top-nav .top-nav-inner > div.global > ul li {
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.top-nav .top-nav-inner > div.global > ul li a {
  padding: 9px 15px;
}

.top-nav .top-nav-inner > div.global > ul li:nth-child(3n) {
  border-right: none;
}

.top-nav .top-nav-inner > div.graduate ul li,
.top-nav .top-nav-inner > div.visitor div,
.top-nav .top-nav-inner > div.tool ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.top-nav .top-nav-inner > div.graduate ul li a,
.top-nav .top-nav-inner > div.visitor div a,
.top-nav .top-nav-inner > div.tool ul li a {
  padding: 9px 15px;
}

.top-nav .top-nav-inner > div.pin .pin-list-gnav {
  display: table;
  width: 100%;
  border-bottom: 1px solid #222;
}

.top-nav .top-nav-inner > div.pin .pin-list-gnav li {
  display: table-cell;
  width: 50%;
  height: 80px;
  font-size: 19px;
  font-size: 1.9rem;
  background-color: #222;
}

.top-nav .top-nav-inner > div.pin .pin-list-gnav li.select {
  background-color: #333;
}

.top-nav .top-nav-inner > div.pin .pin-list-gnav li.select .img svg {
  fill: #a71700;
}

.top-nav .top-nav-inner > div.pin .pin-list-gnav li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 80px;
  text-align: center;
}

.top-nav .top-nav-inner > div.pin .pin-list-gnav li a:hover {
  text-decoration: none;
  background-color: #393939;
}

.top-nav .top-nav-inner > div.pin .pin-list-gnav li .img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.top-nav .top-nav-inner > div.pin .pin-list-gnav li .img svg {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 0%;
  height: 100%;
  fill: #333;
  transition: fill 0.2s;
}

.top-nav .top-nav-inner > div.pin .pin-list-content {
  background-color: #333;
}

.top-nav .top-nav-inner > div.pin .pin-list-content ul.hide {
  display: none;
}

.top-nav .top-nav-inner > div.pin .pin-list-content ul li {
  border-bottom: 1px solid #222;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-pin li {
  position: relative;
  padding: 15px 20px 30px 20px;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-pin li::after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-pin li .thumb {
  float: left;
  width: 140px;
  height: 74px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-pin li .date {
  margin-bottom: 5px;
  padding-left: 150px;
  padding-right: 15px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-pin li .title {
  padding-left: 150px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.43;
  text-align: justify;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-pin li .title a {
  display: block;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-pin li .close {
  position: absolute;
  right: 16px;
  top: 11px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(/albums/css/basic2-common2/abm00001082.svg) no-repeat center center;
  background-size: 8px 8px;
  cursor: pointer;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-history {
  display: none;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-history li {
  padding: 15px 20px 20px 20px;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-history li .date {
  margin-bottom: 5px;
  padding-right: 15px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-history li .title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.43;
  text-align: justify;
}

.top-nav .top-nav-inner > div.pin .pin-list-content-history li .title a {
  display: block;
  padding: 0;
}

.top-banner-wrapper {
  padding: 2% 40px;
  background: #f7f7f7;
}

@media screen and (max-width: 1200px) {
  .top-banner-wrapper {
    padding: 10px 40px;
  }
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper {
    padding: 10px 30px;
  }
}

.top-banner-wrapper .top-banner {
  display: none;
  max-width: 1780px;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
}

.top-banner-wrapper .top-banner.slick-initialized {
  display: block;
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner {
    padding: 3px 6px;
  }
}

.top-banner-wrapper .top-banner .slick-arrow {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #333;
  font-size: 0;
  color: transparent;
  transition: background 0.2s;
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner .slick-arrow {
    width: 30px;
    height: 30px;
  }
}

.top-banner-wrapper .top-banner .slick-arrow:hover {
  background-color: #006f37;
}

.top-banner-wrapper .top-banner .slick-prev {
  position: absolute;
  top: 50%;
  left: -40px;
  margin-top: -20px;
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner .slick-prev {
    left: -30px;
    margin-top: -15px;
  }
}

.top-banner-wrapper .top-banner .slick-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  display: block;
  width: 2px;
  height: 9px;
  margin-top: -7px;
  background-color: #fff;
  transform: rotate(45deg);
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner .slick-prev::before {
    left: 13px;
  }
}

.top-banner-wrapper .top-banner .slick-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  display: block;
  width: 2px;
  height: 9px;
  margin-top: -2px;
  background-color: #fff;
  transform: rotate(-45deg);
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner .slick-prev::after {
    left: 13px;
  }
}

.top-banner-wrapper .top-banner .slick-next {
  position: absolute;
  top: 50%;
  right: -40px;
  margin-top: -20px;
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner .slick-next {
    right: -30px;
    margin-top: -15px;
  }
}

.top-banner-wrapper .top-banner .slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  display: block;
  width: 2px;
  height: 9px;
  margin-top: -7px;
  background-color: #fff;
  transform: rotate(-45deg);
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner .slick-next::before {
    right: 13px;
  }
}

.top-banner-wrapper .top-banner .slick-next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  display: block;
  width: 2px;
  height: 9px;
  margin-top: -2px;
  background-color: #fff;
  transform: rotate(45deg);
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner .slick-next::after {
    right: 13px;
  }
}

.top-banner-wrapper .top-banner-item {
  border: 5px solid #fff;
  background: #000;
}

@media screen and (max-width: 600px) {
  .top-banner-wrapper .top-banner-item {
    border: 3px solid #fff;
  }
}

.top-banner-wrapper .top-banner-item a {
  display: block;
}

.top-banner-wrapper .top-banner-item a:hover {
  opacity: 0.7;
}

.top-banner-wrapper .top-banner-item img {
  width: 100%;
}

.index [data-area="content"] {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 180px;
}

@media screen and (max-width: 1200px) {
  .index [data-area="content"] {
    padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 90px;
  }
}

.index [data-area="content"] .cp-h1-text {
  margin-top: 80px;
  margin-bottom: 50px;
}

body.max .content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px 180px 40px;
}
@media screen and (min-width: 1201px) {
  body.max .local-nav {
    display: none;
  }
  body.max .main {
    width: 100%;
  }
  body.max .main-inner {
    max-width: 1280px;
    padding: 0 0 180px 0;
  }
}
@media screen and (max-width: 1200px) {
  body.max .content {
    padding: 40px 6% 90px 6%;
  }
}

body.senon.clubs .breads {
  margin-bottom: 0;
}
body.senon.clubs .content {
  max-width: 1120px;
}
body.senon.clubs .content > .cp-h1-text {
  display: none;
}
@media screen and (max-width: 1200px) {
  body.senon.clubs .content {
    padding-top: 0;
  }
}

body.news-detail .sns-btn-area {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  body.news-detail .sns-btn-area {
    margin-top: 20px;
  }
}
body.news-detail .content {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 40px 40px 40px;
}
@media screen and (max-width: 1200px) {
  body.news-detail .content {
    padding: 0 6% 40px 6%;
  }
}

.sns-btn-area {
  position: relative;
  width: 100%;
  min-height: 28px;
  margin: 0 auto 40px auto;
}
body.index .sns-btn-area {
  margin-top: 20px;
}
.sns-btn-area-inner {
  position: absolute;
  top: 0;
  right: 0;
}
.sns-btn-area ul,
[data-area="content"] .sns-btn-area ul {
  display: -webkit-flex;
  display: flex;
  list-style: none;
  margin-left: 0;
}
.sns-btn-area ul li,
[data-area="content"] .sns-btn-area ul li {
  margin: 0;
  padding-left: 0;
  text-indent: 0;
}
.sns-btn-area a,
[data-area="content"] .sns-btn-area a {
  display: block;
  margin: 0 3px;
  padding: 0;
}
.sns-btn-area ul li::before,
.sns-btn-area ul li a::before,
.sns-btn-area ul li a::after,
[data-area="content"] .sns-btn-area ul li::before,
[data-area="content"] .sns-btn-area ul li a::before,
[data-area="content"] .sns-btn-area ul li a::after {
  content: none;
}

body.news-detail .dc-wrap {
  margin-top: 50px;
}
body.news-detail .date-area{
  float: left;
  width: 55px;
  margin-right: 15px;
}
body.news-detail .date-area .date{
  display: inline-block;
  width: 55px;
  height: 55px;
  padding-top: 4px;
  background-color: #008E48;
  line-height: 1.35;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
body.news-detail .date-area .date .day{
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
}
body.news-detail .date-area .date .month{
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
}
.date-category-area {
  overflow: hidden;
}
.date-category-area .date{
  font-weight: 500;
}
.date-category-area .date-section{
  margin-left: 5px;
  margin-right: 5px;
}
.date-category-area .date event-schedules > .event-schedule {
  display: inline-block;
  margin-right: 6px;
}
.date-category-area .category{
  line-height: 1.6;
  color: #666;
}
.date-category-area .category span{
  display: inline-block;
  margin-right: 15px;
}
body.news-detail .description {
  margin-top: -50px;
  margin-bottom: 60px;
}
body.news-detail .description:empty {
  display: none;
  margin-top: 0;
}
body.news-detail .dc-wrap + h1 {
  margin-top: 30px;
  margin-bottom: 60px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.5;
}

.topics-main-nav {
  margin-top: 30px;
  margin-bottom: 40px;
}
.topics-main-nav ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.topics-main-nav ul li {
  margin: 4px;
  padding-left: 0;
  text-indent: 0;
}
.topics-main-nav ul li::before {
  content: none;
}
.topics-main-nav ul li a {
  display: block;
  width: 72px;
  margin: 0;
  padding: 54px 0 0 0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  background-size: 50px auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.topics-main-nav ul li a::before {
  content: none;
}
.topics-main-nav ul li:nth-child(1) a{
  background-image: url(/albums/css/basic2-common2/abm00019691.svg);
}
.topics-main-nav ul li:nth-child(1) a.active,
.topics-main-nav ul li:nth-child(1) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019695.svg);
}
.topics-main-nav ul li:nth-child(2) a{
  background-image: url(/albums/css/basic2-common2/abm00019703.svg);
}
.topics-main-nav ul li:nth-child(2) a.active,
.topics-main-nav ul li:nth-child(2) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019706.svg);
}
.topics-main-nav ul li:nth-child(3) a{
  background-image: url(/albums/css/basic2-common2/abm00019708.svg);
}
.topics-main-nav ul li:nth-child(3) a.active,
.topics-main-nav ul li:nth-child(3) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019710.svg);
}
.topics-main-nav ul li:nth-child(4) a{
  background-image: url(/albums/css/basic2-common2/abm00019696.svg);
}
.topics-main-nav ul li:nth-child(4) a.active,
.topics-main-nav ul li:nth-child(4) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019697.svg);
}
.topics-main-nav ul li:nth-child(5) a{
  background-image: url(/albums/css/basic2-common2/abm00019704.svg);
}
.topics-main-nav ul li:nth-child(5) a.active,
.topics-main-nav ul li:nth-child(5) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019707.svg);
}
.topics-main-nav ul li:nth-child(6) a{
  background-image: url(/albums/css/basic2-common2/abm00019693.svg);
}
.topics-main-nav ul li:nth-child(6) a.active,
.topics-main-nav ul li:nth-child(6) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019690.svg);
}
.topics-main-nav ul li:nth-child(7) a{
  background-image: url(/albums/css/basic2-common2/abm00019709.svg);
}
.topics-main-nav ul li:nth-child(7) a.active,
.topics-main-nav ul li:nth-child(7) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019711.svg);
}
.topics-main-nav ul li:nth-child(8) a{
  background-image: url(/albums/css/basic2-common2/abm00019698.svg);
}
.topics-main-nav ul li:nth-child(8) a.active,
.topics-main-nav ul li:nth-child(8) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019701.svg);
}
.topics-main-nav ul li:nth-child(9) a{
  background-image: url(/albums/css/basic2-common2/abm00019700.svg);
}
.topics-main-nav ul li:nth-child(9) a.active,
.topics-main-nav ul li:nth-child(9) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019699.svg);
}
.topics-main-nav ul li:nth-child(10) a{
  background-image: url(/albums/css/basic2-common2/abm00019694.svg);
}
.topics-main-nav ul li:nth-child(10) a.active,
.topics-main-nav ul li:nth-child(10) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019692.svg);
}
.topics-main-nav ul li:nth-child(11) a{
  background-image: url(/albums/css/basic2-common2/abm00019702.svg);
}
.topics-main-nav ul li:nth-child(11) a.active,
.topics-main-nav ul li:nth-child(11) a:hover{
  background-image: url(/albums/css/basic2-common2/abm00019705.svg);
}

.news-prev-next{
  margin-top: 80px;
  border-top: 1px solid #ccc;
}
.news-prev-next-inner {
  display: table;
  width: 100%;
  /*max-width: 570px;*/
  max-width: 190px;
  margin: 40px auto 0 auto;
  text-align: center;
}
.news-prev-next-inner > div {
  display: table-cell;
  padding: 0 5px;
}
.news-prev-next-inner > div a {
  position: relative;
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  padding: 6px 0;
  text-decoration: none;
}
.news-prev-next-inner > div a:hover{
  text-decoration: underline;
}
.news-prev-next-inner > div.nolink a{
  color: #ccc;
}
.news-prev-next-inner > div.nolink a:hover{
  text-decoration: none;
}
.news-prev-next .prev a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -7px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/albums/css/basic2-common2/abm00008744.svg) no-repeat center center #333;
  background-size: 15px 15px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.news-prev-next .next a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/albums/css/basic2-common2/abm00008744.svg) no-repeat center center #333;
  background-size: 15px 15px;
}
.news-prev-next .next.nolink a::before,
.news-prev-next .prev.nolink a::before{
  background-color: #ccc;
}
@media screen and (max-width: 1200px) {
  .news-prev-next-inner > div a span {
    display: none;
  }
  .news-prev-next .prev a{
    padding-left: 12px;
  }
  .news-prev-next .next a{
    padding-right: 12px;
  }
}

.online-header {
  margin-bottom: 40px;
}
.online-header .online-title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.online-nav {
  display: -ms-flex;
  display: flex;
}
.online-nav-item {
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.online-nav-item .cp-inner {
  padding: 15px;
  position: relative;
}
.online-nav-item .cp-inner::before {
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: calc(50% - 40px);
  content: "";
  background: #333;
}
.online-nav-item a {
  display: block;
  padding: 15px;
  margin: -15px;
  color: #333;
}
.online-nav-item .cp-inner a::before {
  content: "";
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: calc(50% - 40px);
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.online-nav-item .cp-inner a:hover {
  text-decoration: none;
}
.online-nav-item .cp-inner a:hover::before {
  content: "";
  background: #333;
  border-color: #333;
}
@media screen and (max-width: 1200px) {
  .online-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .online-nav-item {
    width: 50%;
  }
  .online-nav:not(.col2) .online-nav-item:first-child {
    width: 100%;
  }
}

.news-year-filter,
.sort-area .category {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 419px) {
  .news-year-filter,
  .sort-area .category {
    display: block;
    margin-top: 8px;
    margin-bottom: 15px;
    margin-right: 0;
  }
}
.news-year-filter form,
.sort-area .category form {
  position: relative;
  display: block;
}
.news-year-filter form::before,
.sort-area .category form::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 22px;
  display: block;
  width: 10px;
  height: 1px;
  background-color: #ccc;
  transform: rotate(45deg);
  pointer-events: none;
}
.news-year-filter form::after,
.sort-area .category form::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 15px;
  display: block;
  width: 10px;
  height: 1px;
  background-color: #ccc;
  transform: rotate(-45deg);
  pointer-events: none;
}
.news-year-filter select,
.sort-area .category select {
  width: 220px;
  height: 40px;
  padding: 4px 15px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 419px) {
  .news-year-filter select,
  .sort-area .category select {
    width: 100%;
  }
}
.news-year-filter select::-ms-expand,
.sort-area .category select::-ms-expand {
  display: none;
}

.cp-category-class-lists:empty::before,
.cp-tag-lists:empty::before{
  content: none !important;
}

.paging-list {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}
.paging-list:empty::before {
  content: none !important;
}
.paging-list span,
.paging-list a {
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 1px solid #006f37;
  text-align: center;
  line-height: 36px;
  color: #333;
  margin: 2px;
}

.paging-list span,
.paging-list a:hover {
  background: #006f37;
  color: #fff;
  text-decoration: none;
}


#mv + .lower-visual,
#mv2 + .lower-visual {
  display: none;
}
#mv,
#mv2 {
  margin-top: 0;
  margin-bottom: 0;
}

.lower-visual {
  position: relative;
  z-index: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: calc(100vw - 80px);
  height: 280px;
  margin-left: calc(50% - 50vw + 40px);
  margin-right: calc(50% - 50vw - 40px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.lower-visual::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1200px) {
  .lower-visual {
    width: 100vw;
    height: 180px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

.lower-visual .inner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 120px;
  color: #fff;
  font-size: 28px;
  font-size: 2.8rem;
}

@media screen and (max-width: 1200px) {
  .lower-visual .inner {
    padding: 0 6%;
  }
}

.lower-visual .text-top {
  margin-top: 25px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}

.lower-visual .text-bottom {
  font-size: 14px;
  font-size: 1.4rem;
}

body.about2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00006258.jpg); }
body.about2 .lower-visual .text-top:empty::before { content: "大学案内"; }
body.about2 .lower-visual .text-bottom:empty::before { content: "University guidance"; }

body.education2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012695.jpg); }
body.education2 .lower-visual .text-top:empty::before { content: "教育"; }
body.education2 .lower-visual .text-bottom:empty::before { content: "Academics"; }

body.howto3 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00015437.jpg); }
body.howto3 .lower-visual .text-top:empty::before { content: "専修の学び方"; }
body.howto3 .lower-visual .text-bottom:empty::before { content: "How to learn SENSHU"; }
body.seminar4 .lower-visual .text-top:empty::before { content: "専修のゼミナール"; }
body.seminar4 .lower-visual .text-bottom:empty::before { content: "Seminar"; }

body.faculty3 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012694.jpg); }
body.faculty3 .lower-visual .text-top:empty::before { content: "学部TOP"; }
body.faculty3 .lower-visual .text-bottom:empty::before { content: "Faculty"; }

body.economics4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012716.jpg); }
body.economics4 .lower-visual .text-top:empty::before { content: "経済学部"; }
body.economics4 .lower-visual .text-bottom:empty::before { content: "School of Economics"; }

body.law4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012698.jpg); }
body.law4 .lower-visual .text-top:empty::before { content: "法学部"; }
body.law4 .lower-visual .text-bottom:empty::before { content: "School of Law"; }

body.business4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012715.jpg); }
body.business4 .lower-visual .text-top:empty::before { content: "経営学部"; }
body.business4 .lower-visual .text-bottom:empty::before { content: "School of Business Administration"; }

body.commerce4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012717.jpg); }
body.commerce4 .lower-visual .text-top:empty::before { content: "商学部"; }
body.commerce4 .lower-visual .text-bottom:empty::before { content: "School of Commerce"; }

body.letters4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012700.jpg); }
body.letters4 .lower-visual .text-top:empty::before { content: "文学部"; }
body.letters4 .lower-visual .text-bottom:empty::before { content: "School of Letters"; }

body.network4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012692.jpg); }
body.network4 .lower-visual .text-top:empty::before { content: "ネットワーク情報学部"; }
body.network4 .lower-visual .text-bottom:empty::before { content: "School of Network and Information"; }

body.humansciences4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012718.jpg); }
body.humansciences4 .lower-visual .text-top:empty::before { content: "人間科学部"; }
body.humansciences4 .lower-visual .text-bottom:empty::before { content: "School of Human Sciences"; }

body.global4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012701.jpg); }
body.global4 .lower-visual .text-top:empty::before { content: "国際コミュニケーション学部"; }
body.global4 .lower-visual .text-bottom:empty::before { content: "School of International Communication"; }

body.nibu4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012699.jpg); }
body.nibu4 .lower-visual .text-top:empty::before { content: "二部（夜間部）"; }
body.nibu4 .lower-visual .text-bottom:empty::before { content: "Evening Divisions"; }

body.graduate3 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012707.jpg); }
body.graduate3 .lower-visual .text-top:empty::before { content: "大学院"; }
body.graduate3 .lower-visual .text-bottom:empty::before { content: "Graduate Schools"; }

body.gs_economics4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012709.jpg); }
body.gs_economics4 .lower-visual .text-top:empty::before { content: "経済学研究科"; }
body.gs_economics4 .lower-visual .text-bottom:empty::before { content: "Graduate Schools"; }

body.gs_law4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012711.jpg); }
body.gs_law4 .lower-visual .text-top:empty::before { content: "法学研究科"; }
body.gs_law4 .lower-visual .text-bottom:empty::before { content: "Graduate Schools"; }

body.gs_letters4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012712.jpg); }
body.gs_letters4 .lower-visual .text-top:empty::before { content: "文学研究科"; }
body.gs_letters4 .lower-visual .text-bottom:empty::before { content: "Graduate Schools"; }

body.gs_business4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012713.jpg); }
body.gs_business4 .lower-visual .text-top:empty::before { content: "経営学研究科"; }
body.gs_business4 .lower-visual .text-bottom:empty::before { content: "Graduate Schools"; }

body.gs_commerce4 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012710.jpg); }
body.gs_commerce4 .lower-visual .text-top:empty::before { content: "商学研究科"; }
body.gs_commerce4 .lower-visual .text-bottom:empty::before { content: "Graduate Schools"; }

body.lawschool3 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012714.jpg); }
body.lawschool3 .lower-visual .text-top:empty::before { content: "法科大学院"; }
body.lawschool3 .lower-visual .text-bottom:empty::before { content: "Law School"; }

body.shikaku3 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00027227.jpg); }
body.shikaku3 .lower-visual .text-top:empty::before { content: "資格課程"; }
body.shikaku3 .lower-visual .text-bottom:empty::before { content: "COURSES for VOCATIONAL QUALIFICATIONS"; }

body.research2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012696.jpg); }
body.research2 .lower-visual .text-top:empty::before { content: "研究"; }
body.research2 .lower-visual .text-bottom:empty::before { content: "Research"; }

body.social2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012705.jpg); }
body.social2 .lower-visual .text-top:empty::before { content: "社会連携"; }
body.social2 .lower-visual .text-bottom:empty::before { content: "Social Collaboration"; }

body.global2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012706.jpg); }
body.global2 .lower-visual .text-top:empty::before { content: "国際交流・留学"; }
body.global2 .lower-visual .text-bottom:empty::before { content: "International Programs and Study Abroad"; }

body.campuslife2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012693.jpg); }
body.campuslife2 .lower-visual .text-top:empty::before { content: "学生生活"; }
body.campuslife2 .lower-visual .text-bottom:empty::before { content: "Campus life"; }

body.career2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012708.jpg); }
body.career2 .lower-visual .text-top:empty::before { content: "進路支援"; }
body.career2 .lower-visual .text-bottom:empty::before { content: "Career support"; }

body.admission2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012704.jpg); }
body.admission2 .lower-visual .text-top:empty::before { content: "入学案内"; }
body.admission2 .lower-visual .text-bottom:empty::before { content: "Admissions"; }

body.senshuonline2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00015433.jpg); }
body.senshuonline2 .lower-visual .text-top:empty::before { content: "SENSHU ONLINE"; }
body.senshuonline2 .lower-visual .text-bottom:empty::before { content: ""; }

body.sports2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00015436.jpg); }
body.sports2 .lower-visual .text-top:empty::before { content: "専大スポーツ"; }
body.sports2 .lower-visual .text-bottom:empty::before { content: "SENDAI Sports"; }

body.visitor2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00015440.jpg); }
body.visitor2 .lower-visual .text-top:empty::before { content: "訪問者別"; }
body.visitor2 .lower-visual .text-bottom:empty::before { content: "Visitor"; }

body.currentstudents3 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00015439.jpg); }
body.currentstudents3 .lower-visual .text-top:empty::before { content: "在学生"; }
body.currentstudents3 .lower-visual .text-bottom:empty::before { content: "Current Students"; }

body.alumni3 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00015438.jpg); }
body.alumni3 .lower-visual .text-top:empty::before { content: "卒業生"; }
body.alumni3 .lower-visual .text-bottom:empty::before { content: "Alumni"; }

body.parents3 .lower-visual .text-top:empty::before { content: "保証人"; }
body.parents3 .lower-visual .text-bottom:empty::before { content: "Parents"; }

body.community3 .lower-visual .text-top:empty::before { content: "地域・社会人"; }
body.community3 .lower-visual .text-bottom:empty::before { content: "Visitor"; }

body.general3 .lower-visual .text-top:empty::before { content: "一般・企業の皆様"; }
body.general3 .lower-visual .text-bottom:empty::before { content: "Visitor"; }

body.staff3 .lower-visual .text-top:empty::before { content: "教職員の方"; }
body.staff3 .lower-visual .text-bottom:empty::before { content: "Visitor"; }

body.for_new_students3 .lower-visual .text-top:empty::before { content: "入学者の皆様"; }
body.for_new_students3 .lower-visual .text-bottom:empty::before { content: "Visitor"; }

body.library2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012703.jpg); }
body.library2 .lower-visual .text-top:empty::before { content: "図書館"; }
body.library2 .lower-visual .text-bottom:empty::before { content: "Library"; }

body.isc2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00012702.jpg); }
body.isc2 .lower-visual .text-top:empty::before { content: "情報科学センター"; }
body.isc2 .lower-visual .text-bottom:empty::before { content: "Information Science Center"; }

body.call-ile2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00015432.jpg); }
body.call-ile2 .lower-visual .text-top:empty::before { content: "CALL教室"; }
body.call-ile2 .lower-visual .text-bottom:empty::before { content: "CALL Classrooms & Language Laboratories"; }

body.sendaicup2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00017796.jpg); }
body.sendaicup2 .lower-visual .text-top:empty::before { content: "専大カップ"; }
body.sendaicup2 .lower-visual .text-bottom:empty::before { content: "SENDAI Cup"; }

body.transmit2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00017798.jpg); }
body.transmit2 .lower-visual .text-top:empty::before { content: "専修大学の知の発信"; }
body.transmit2 .lower-visual .text-bottom:empty::before { content: ""; }

body.english2 .lower-visual,
body.chinese_gb2 .lower-visual,
body.chinese_big52 .lower-visual,
body.Korean2 .lower-visual { background-image: url(/albums/css/basic2-common2/abm00017797.jpg); }

body.english2 .lower-visual .text-bottom,
body.chinese_gb2 .lower-visual .text-bottom,
body.chinese_big52 .lower-visual .text-bottom,
body.Korean2 .lower-visual .text-bottom:empty::before { content: "University guidance"; }

body.english2 .lower-visual .text-top:empty::before { content: "English"; }

body.chinese_gb2 .lower-visual .text-top:empty::before { content: "中文 簡体字（GB）"; }

body.chinese_big52 .lower-visual .text-top:empty::before { content: "中文 繁体字（Big5）"; }

body.Korean2 .lower-visual .text-top:empty::before { content: "한국어（korean）"; }



.index-number {
  position: relative;
  padding: 70px 0 50px 0;
}

@media screen and (max-width: 1200px) {
  .index-number {
    padding: 30px 0 10px 0;
  }
  body.top .index-number {
    margin-top: 40px;
  }
}

.index-number::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  background: #f6f6f6;
  width: 100vw;
  height: 100%;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.index-number .index-number-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: calc(100% + 20px);
  margin-left: -10px;
}

body.top .index-number .index-number-inner {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
}

@media screen and (max-width: 1200px) {
  .index-number .index-number-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    width: 100%;
    margin-left: 0;
  }
  body.top .index-number .index-number-inner {
    max-width: 1300px;
    padding: 0 3%;
  }
}

.index-number .number-box {
  width: 25%;
  margin: 0 10px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1200px) {
  .index-number .number-box {
    width: 47%;
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 1200px) {
  .index-number .number-box:nth-child(2n) {
    margin-left: 6%;
  }
}

.index-number .top-text {
  position: relative;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.index-number .top-text::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
}

.index-number .top-text-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 15px;
  background: #f6f6f6;
}

.index-number .image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 45px;
  margin: 30px auto;
}

@media screen and (max-width: 1200px) {
  .index-number .image {
    margin: 10px auto;
  }
}

.index-number .image .cp-inner {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 0%;
  height: 100%;
}
.index-number .image img {
  max-height: 45px;
}

.index-number .bottom-text {
  font-size: 14px;
  font-size: 1.4rem;
}

.index-number .bottom-text strong {
  display: inline-block;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 500;
}

@media screen and (max-width: 1200px) {
  .index-number .bottom-text strong {
    font-size: 30px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 1200px) {
  .cp-h1-text + .index-number {
    margin-top: -50px;
  }
}

.index-nav {
  margin-top: 100px;
  margin-bottom: 100px;
}

@media screen and (max-width: 1200px) {
  .index-nav {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.index-nav a {
  color: #333;
}

.index-nav .img a:hover {
  opacity: 0.7;
}

.index-nav.lv2 .lv2-link,
.index-nav.lv2 .lv2-link + .button,
.index-nav.lv3 .lv3-link,
.index-nav.lv3 .lv3-link + .button {
  display: none;
}

.index-nav.lv2 .lv2-folder,
.index-nav.lv3 .lv3-folder{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -14px;
  width: calc(100% + 28px);
}

.index-nav.lv2 .lv2-folder .img a::after,
.index-nav.lv3 .lv3-folder .img a::after {
  content: none;
}

.index-nav.lv2 .lv2-folder .img img,
.index-nav.lv3 .lv3-folder .img img {
  width: 100%;
  height: auto;
}

.index-nav.lv2 .lv2-folder > * ,
.index-nav.lv3 .lv3-folder > * {
  width: calc(25% - 28px);
  margin: 0 14px 40px 14px;
}

.index-nav.lv2 .lv2-folder > *:first-child,
.index-nav.lv3 .lv3-folder > *:first-child {
  display: none;
}

.index-nav.lv2 .lv3-link,
.index-nav.lv3 .lv4-link {
  display: inline-block;
  margin: 20px 37px 30px 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
}

.index-nav.lv2 .lv3-item,
.index-nav.lv3 .lv4-item {
  position: relative;
}

.index-nav.lv2 .lv3-item > .button,
.index-nav.lv3 .lv4-item > .button {
  top: 25px;
  right: 0;
  width: 27px;
  height: 27px;
  background: #a71700;
}

.index-nav.lv2 .lv3-item > .button::before,
.index-nav.lv3 .lv4-item > .button::before {
  top: 13px;
  left: 8px;
  background: #fff;
}

.index-nav.lv2 .lv3-item > .button::after,
.index-nav.lv3 .lv4-item > .button::after {
  top: 13px;
  left: 8px;
  background: #fff;
}

.index-nav.lv2 .lv3-item.active > .button::after,
.index-nav.lv3 .lv4-item.active > .button::after {
  opacity: 0;
}

.index-nav.lv2 .lv3-folder,
.index-nav.lv3 .lv4-folder {
  line-height: 1.6;
}

.index-nav.lv2 .lv4-item,
.index-nav.lv3 .lv5-item {
  position: relative;
  margin-bottom: 6px;
}

.index-nav.lv2 .lv4-link,
.index-nav.lv3 .lv5-link {
  display: inline-block;
  padding-right: 24px;
}

.index-nav.lv2 .lv4-folder,
.index-nav.lv3 .lv5-folder {
  display: none;
  margin-top: 6px;
  padding-left: 15px;
}

.index-nav.lv2 .lv4-item.active > .button::after,
.index-nav.lv3 .lv5-item.active > .button::after {
  opacity: 0;
}

.index-nav.lv2 .lv5-item,
.index-nav.lv3 .lv6-item {
  margin-bottom: 6px;
}

.index-nav.lv2 .lv5-item .button,
.index-nav.lv2 .lv5-folder,
.index-nav.lv3 .lv6-item .button,
.index-nav.lv3 .lv6-folder {
  display: none;
}

.index-nav .button {
  position: absolute;
  top: 4px;
  right: 0;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.index-nav .button::before,
.index-nav .button::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 2px;
  width: 11px;
  height: 1px;
  background-color: #222;
}

.index-nav .button::after {
  transform: rotate(90deg);
  transition: 0.2s;
}

@media screen and (max-width: 1200px) {
  .index-nav.lv2 .lv2-folder,
  .index-nav.lv3 .lv3-folder {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .index-nav.lv2 .lv2-folder > *,
  .index-nav.lv3 .lv3-folder > * {
    width: 47%;
    margin: 0 0 20px 6%;
  }
  .index-nav.lv2 .lv2-folder > *:nth-child(2n),
  .index-nav.lv3 .lv3-folder > *:nth-child(2n) {
    margin-left: 0;
  }
  .index-nav.lv2 .lv3-item,
  .index-nav.lv3 .lv4-item {
    padding: 0;
  }
  .index-nav.lv2 .lv3-link,
  .index-nav.lv3 .lv4-link {
    margin-bottom: 20px;
  }
  .index-nav .button {
    right: 6px;
  }
}

@media screen and (max-width: 600px) {
  .index-nav.lv2 .lv2-folder > *,
  .index-nav.lv3 .lv3-folder > * {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

/*手動入力INDEXナビ*/
.index-nav.manual {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -14px;
  width: calc(100% + 28px);
}

.index-nav-block-manual {
  width: calc(25% - 28px);
  margin: 0 14px 40px 14px;
}
.col3 .index-nav-block-manual {
  width: calc(33.3333% - 28px);
}

.index-nav.manual .index-nav-img a::after {
  content: none;
}

.index-nav.manual .index-nav-img a:hover {
  opacity: 0.7;
}

.index-nav.manual .index-nav-img img {
  width: 100%;
  height: auto;
}

.index-nav-block-manual .head {
  display: inline-block;
  margin: 20px 37px 30px 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
}

.index-nav-link-manual {
  position: relative;
}

.index-nav-link-manual .head > .button {
  top: 25px;
  right: 0;
  width: 27px;
  height: 27px;
  background: #a71700;
}

.index-nav-link-manual .head > .button::before {
  top: 13px;
  left: 8px;
  background: #fff;
}

.index-nav-link-manual .head > .button::after {
  top: 13px;
  left: 8px;
  background: #fff;
}

.index-nav-link-manual.active .head > .button::after {
  opacity: 0;
}

.index-nav-block-manual .head.empty {
  display: block;
  height: 0;
  overflow: hidden;
  margin: 11px 0 0 0;
}

.index-nav-block-manual .list {
  line-height: 1.6;
}

.index-nav-block-manual .list a {
  position: relative;
  margin-bottom: 6px;
}

@media screen and (max-width: 1200px) {
  .index-nav.manual {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .index-nav .index-nav-block-manual {
    width: 47%;
    margin: 0 0 20px 6%;
  }
  .index-nav .index-nav-block-manual:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .index-nav .index-nav-block-manual .head {
    margin-bottom: 20px;
  }
  .index-nav .index-nav-block-manual .head.empty {
    margin: 11px 0 0 0;
  }
  .index-nav .index-nav-link-manual {
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  .index-nav .index-nav-block-manual {
    width: 100%;
    margin: 0 0 20px 0;
  }
}


.sitemap{
  margin-bottom: 40px;
}
.sitemap a{
  color: #333;
}
.sitemap .lv1-link {
  display: none;
}
.sitemap {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
.sitemap > *{
  width: calc(25% - 40px);
  margin: 0 20px 40px 20px;
}
.sitemap > *:first-child {
  display: none;
}
.sitemap .lv2-link {
  display: inline-block;
  margin: 20px 0 30px 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  /*pointer-events: none;*/
}
.sitemap .lv2-item {
  border-top: 1px solid #ccc;
}
.sitemap .lv2-folder {
  line-height: 1.6;
}
.sitemap .lv3-item {
  position: relative;
  margin-bottom: 6px;
}
.sitemap .lv3-link {
  display: inline-block;
  padding-right: 24px;
}
.sitemap .lv3-link.index{
  display: none;
}
.sitemap .lv3-folder {
  display: none;
  margin-top: 6px;
  padding-left: 15px;
}
@media screen and (max-width: 1259px) {
  .sitemap{
    padding: 0;
  }
  .sitemap > * {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .sitemap .lv2-item {
    padding: 0 4.5%;
  }
}

.featured-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #000;
}

@media screen and (max-width: 1200px) {
  .featured-wrap {
    -ms-flex-direction: column;
        flex-direction: column;
    background: #f6f6f6;
    padding: 40px 6% 25px;
  }
}

.featured-wrap .featured-item {
  position: relative;
  background: no-repeat center center;
  background-size: cover;
}
.featured-wrap .featured-item::before {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item {
    margin-bottom: 15px;
  }
  .featured-wrap .featured-item::before {
    background-position: center top;
    background-size: contain;
  }
}

.featured-wrap .featured-item.col1 {
  width: 100%;
}

.featured-wrap .featured-item.col2 {
  width: 50%;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item.col2 {
    width: 100%;
  }
}

.featured-wrap .featured-item.col3 {
  width: 33.3333%;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item.col3 {
    width: 100%;
  }
}

.featured-wrap .featured-item.col3 .featured-item-inner {
  height: 830px;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item.col3 .featured-item-inner {
    height: auto;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

.featured-wrap .featured-item.col3 .top-text {
  margin-top: 0;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item.col3 .top-text {
    margin-top: 0;
  }
}

.featured-wrap .featured-item.col3 .bottom-text {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: 700;
  letter-spacing: 4px;
  padding-left: 4px;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item.col3 .bottom-text {
    position: static;
    letter-spacing: 2px;
    padding-left: 2px;
  }
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item.col3 {
    width: 100%;
  }
}

.featured-wrap .featured-item a {
  display: block;
  text-align: center;
  border: 5px solid #fff;
  color: #fff;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item a {
    background: rgba(0, 0, 0, 0.3);
    border: none;
    color: #222;
    padding-top: 48.7%;
  }
}

.featured-wrap .featured-item a:hover {
  text-decoration: none;
  border-color: #006f37;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item a:hover {
    opacity: 0.7;
  }
}

.featured-wrap .featured-item a:hover .featured-item-inner {
  background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item a:hover .featured-item-inner {
    background: #fff;
  }
}

.featured-wrap .featured-item a::after {
  content: none;
}

.featured-wrap .featured-item-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 350px;
  transition: background 0.2s;
  background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1200px) {
  .featured-wrap .featured-item-inner {
    height: auto;
    background: #fff;
    padding: 20px 4%;
  }
}

.featured-wrap .top-text {
  margin-top: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .top-text {
    margin-top: 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
  }
}

.featured-wrap .middle-text {
  margin: 15px 0 10px 0;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 3px;
  padding-left: 3px;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .middle-text {
    margin: 0;
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 2px;
  }
}

.featured-wrap .bottom-text {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}

@media screen and (max-width: 1200px) {
  .featured-wrap .bottom-text {
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
  }
}

.top-foot-nav .top-foot-nav-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1280px;
  padding: 90px 40px;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .top-foot-nav .top-foot-nav-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 40px 6%;
  }
}

@media screen and (max-width: 600px) {
  .top-foot-nav .top-foot-nav-inner {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.top-foot-nav .top-foot-nav-inner .top-foot-nav-item {
  width: calc(25% - 30px);
}

@media screen and (max-width: 1200px) {
  .top-foot-nav .top-foot-nav-inner .top-foot-nav-item {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 600px) {
  .top-foot-nav .top-foot-nav-inner .top-foot-nav-item {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .top-foot-nav .top-foot-nav-inner .top-foot-nav-item:nth-child(2n) {
    margin-right: 0;
  }
}

.top-foot-nav .top-foot-nav-inner .title {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 3px;
}

.top-foot-nav .top-foot-nav-inner .title .ico {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 53px;
  height: 40px;
  margin-right: 12px;
}

.top-foot-nav .top-foot-nav-inner .title .ico img {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 0%;
  height: 100%;
}

.top-foot-nav .top-foot-nav-inner .list a {
  position: relative;
  display: block;
  padding-right: 24px;
  margin-bottom: 4px;
}

.top-foot-nav .top-foot-nav-inner .list a::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 11px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transform: rotate(45deg);
}

/*ニュース一覧*/
.image-news {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 0 50px 0;
}
@media screen and (max-width: 1200px) {
  .image-news {
    padding: 20px 0 20px 0;
  }
}

[data-area="content"] > .news-all-wrap:last-child,
.main-inner > .news-all-wrap:last-child {
  margin-bottom: -180px;
}
@media screen and (max-width: 1200px) {
  [data-area="content"] > .news-all-wrap:last-child,
  .main-inner > .news-all-wrap:last-child {
    margin-bottom: -90px;
  }
}
.news-all-wrap div:empty::before {
  content: "現在記事がありません";
  display: block;
  width: 100%;
  padding: 50px 0 50px 0;
  text-align: center;
}
.news-all-wrap .image-news:empty::before {
  width: 100vw;
}
.news-all-wrap a[href="javascript:void(0)"] {
  pointer-events: none;
}
.news-all-wrap h1 a,
.news-all-wrap h2 a,
.news-all-wrap h3 a,
.news-all-wrap h4 a,
.news-all-wrap h5 a,
.news-all-wrap h6 a {
  position: relative;
  z-index: 1;
}
.news-all-wrap .image-news-title {
  position: relative;
  margin-top: 0;
  margin-bottom: -30px;
  padding-top: 50px;
  padding-bottom: 0;
  font-size: 24px;
  font-size: 2.4rem;
}
.news-all-wrap .image-news-title::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  display: block;
  width: 100vw;
  height: 100%;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #f7f7f7;
}
.news-all-wrap .image-news-title::after {
  content: none; 
}
@media screen and (max-width: 1200px) {
  .news-all-wrap .image-news-title {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 0;
  }
}

.image-news.top {
  padding: 40px 40px 50px 40px;
}
@media screen and (max-width: 1200px) {
  .image-news.top {
    padding: 20px 3% 20px 3%;
  }
}

.image-news + .image-news {
  padding-top: 0;
}

.image-news .cp-h4-text {
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.image-news::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  display: block;
  width: 100vw;
  height: 100%;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #f7f7f7;
}
.image-news.col3 .image-news-item {
  width: 33.3333%;
}
.image-news-item {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 25%;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #fff;
}

@media screen and (max-width: 1200px) {
  .image-news-item,
  .image-news.col3 .image-news-item {
    width: 50%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.image-news-item > a {
  display: block;
  color: #333;
}
.image-news-item > a[target="_blank"]::after {
  content: none;
}
.image-news-item a:hover .thumbnail .inner {
  opacity: 0.7;
}

.image-news-item .thumbnail {
  background: #000;
}

.image-news-item .thumbnail .inner {
  padding-top: 53.334%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: opacity 0.2s;
  background-color: #999;
}
.image-news-item .thumbnail .inner[style*="null"] {
  background-image: url(/albums/css/basic2-common2/abm00017131.jpg) !important;
}
.news-all-wrap .image:empty::before,
.image-news-item .thumbnail .inner:empty::before {
  content: none;
}

.image-news-item .title {
  padding: 25px 20px;
  font-weight: 500;
  line-height: 1.6;
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .image-news-item .title {
    padding: 10px 3%;
  }
}

.image-news-item .info-area {
  flex: 1 1 auto;
  position: relative;
  padding: 0 20px 25px 20px;
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .image-news-item .info-area {
    padding: 0 3% 46px 3%;
  }
}

.image-news-item .date {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  padding-right: 36px;
}

@media screen and (max-width: 1200px) {
  .image-news-item .date {
    padding-right: 0;
  }
}

.image-news-item .category {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  padding-right: 36px;
}

@media screen and (max-width: 1200px) {
  .image-news-item .category {
    padding-right: 0;
  }
}

.image-news-item .tag {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  padding-right: 36px;
}

@media screen and (max-width: 1200px) {
  .image-news-item .tag {
    padding-right: 0;
  }
}

.image-news-item .tag a {
  display: inline-block;
  margin-right: 1em;
  color: #333;
}
.image-news-item .tag a::before {
  content: "#";
}

.image-news-item .pin {
  position: absolute;
  bottom: 25px;
  right: 20px;
  width: 36px;
  height: 36px;
}

@media screen and (max-width: 1200px) {
  .image-news-item .pin {
    bottom: 5px;
    right: 3%;
  }
}

.image-news-item .pin a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 36px;
  height: 36px;
  pointer-events: auto;
}

.image-news-item .pin a svg {
  width: 14px;
  height: 17px;
}
.image-news-item .pin a svg path {
  transition: fill 0.2s;
}
.image-news-item .pin a.checked svg path {
  fill: #008E48 !important;
}

.text-news.top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1280px;
  margin: 30px auto 0 auto;
  padding: 0 40px;
}
.text-news.senon-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1280px;
  margin: 30px auto 0 auto;
}
@media screen and (max-width: 1200px) {
  .text-news.top {
    margin: -1px auto 0 auto;
    padding: 0 3% 0 3%;
  }
  .text-news.senon-top {
    margin: -1px auto 0 auto;
  }
}

.text-news-item {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
}
.text-news-item:last-child {
  border-bottom: 1px solid #ccc;
}
.text-news.top .text-news-item,
.text-news.senon-top .text-news-item {
  width: calc(25% - 30px);
  margin-right: 40px;
  padding-top: 30px;
  padding-bottom: 50px;
  border-bottom: none;
}
.text-news.top .text-news-item:last-child,
.text-news.senon-top .text-news-item:last-child  {
  border-bottom: none;
}

@media screen and (max-width: 1200px) {
  .text-news-item,
  .text-news.top .text-news-item,
  .text-news.senon-top .text-news-item {
    width: 100%;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.text-news.top .text-news-item:nth-child(4n),
.text-news.senon-top .text-news-item:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .text-news-item:last-child,
  .text-news.top .text-news-item:last-child,
  .text-news.senon-top .text-news-item:last-child {
    border-bottom: 1px solid #ccc;
  }
}

.text-news-item .date {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
}
.text-news-item .date .category {
  display: inline-block;
  width: 50px;
  margin-left: 8px;
  text-align: center;
}

.text-news-item .title {
  font-weight: 500;
  line-height: 1.6;
}
.text-news.top .text-news-item .title {
  margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
  .text-news.top .text-news-item .title {
    margin-bottom: 0;
  }
}

.text-news-item .title a {
  display: block;
  padding: 5px 0;
  color: #333;
}

.text-news-item .category {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
}
.text-news.top .text-news-item .category {
  margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  .text-news.top .text-news-item .category {
    margin-bottom: 0;
  }
}

.text-news-item .tag {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
}

.text-news.permanent-information {
  position: relative;
}

.text-news.permanent-information.top::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 1px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #ddd;
}

@media screen and (max-width: 1200px) {
  .text-news.permanent-information.top::after {
    content: none;
  }
}

.event-list {
  position: relative;
}

.event-list.top::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: -31px;
  width: 100vw;
  height: 1px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #ddd;
}

.event-list.top::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 1px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #ddd;
}

.event-list.col2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1280px;
  padding: 20px 40px 50px 40px;
  margin: 30px auto 0 auto;
}

@media screen and (max-width: 1200px) {
  .event-list.col2 {
    padding: 0 3% 40px 3%;
  }
}

.event-list .event-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 15px;
}
.event-list.col2 .event-item {
  width: calc(50% - 40px);
  margin-right: 40px;
}

@media screen and (max-width: 1200px) {
  .event-list .event-item,
  .event-list.col2 .event-item {
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }
}

.event-list.col2 .event-item:nth-child(2n) {
  margin-right: 0;
}

.event-list .event-item .date-area {
  width: 60px;
  padding: 19px 0;
  background: #006f37;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}

@media screen and (max-width: 1200px) {
  .event-list .event-item .date-area {
    width: 50px;
    padding: 12px 0;
  }
}

.event-list .event-item .date-area .day {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  .event-list .event-item .date-area .day {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.event-list .event-item .date-area .month {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
}

@media screen and (max-width: 1200px) {
  .event-list .event-item .date-area .month {
    font-size: 10px;
    font-size: 1rem;
  }
}

.event-list .event-item .text-area {
  width: calc(100% - 60px);
  padding-left: 10px;
}

@media screen and (max-width: 1200px) {
  .event-list .event-item .text-area {
    width: calc(100% - 50px);
    padding-top: 5px;
    padding-bottom: 10px;
  }
}

.event-list .event-item .text-area .date-wrap {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
}

@media screen and (max-width: 1200px) {
  .event-list .event-item .text-area .date-wrap {
    line-height: 1.6;
  }
}

.event-list .event-item .text-area .date-wrap > .date {
  display: block;
}

.event-list .event-item .text-area .date-wrap .date-section {
  margin-left: 6px;
  margin-right: 6px;
}

.event-list .event-item .text-area .date-wrap .hour {
  margin-left: 6px;
}

.event-list .event-item .text-area .date-wrap .hour:empty {
  margin-left: 0;
}

.event-list .event-item .text-area .date-wrap .category {
  display: block;
}

.event-list .event-item .text-area .title {
  font-weight: 500;
  line-height: 1.6;
}

.event-list .event-item .text-area .title a {
  display: block;
  padding: 2px 0 0 0;
}

.howto-main-img {
  display: table;
  width: 100%;
  height: 180px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/albums/css/basic2-common2/abm00008779.jpg);
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 600;
  text-align: center;
  padding: 0 4%;
  line-height: 1.4;
  letter-spacing: 2px;
  color: #fff;
}
.howto-main-img.bokin {
  background-image: url(/albums/css/basic2-common2/abm00014343.jpg);
}
.howto-main-img.call-ile {
  background-image: url(/albums/css/basic2-common2/abm00013759.jpg);
}
.howto-main-img > *{
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 639px){
  .howto-main-img > *{
    font-size: 32px !important; 
    font-size: 3.2rem !important; 
  }
}
.howto-nav{
  background-color: #006030;
}
@media screen and (min-width: 1201px) {
  .howto-nav-inner{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
  }
  .howto-nav .toggle{
    display: none;
  }
  .howto-nav .howto-nav-inner ul{
    display: table;
    margin: 0 auto;
  }
  .howto-nav .howto-nav-inner ul li{
    display: table-cell;
    padding: 0 10px;
  }
  .howto-nav .howto-nav-inner ul li a{
    position: relative;
    display: block;
    padding: 10px;
    color: #fff;
    font-weight: 500;
  }
  .howto-nav .howto-nav-inner ul li a:hover{
    text-decoration: none;
  }
  .howto-nav .howto-nav-inner ul li a:hover::before,
  .howto-nav .howto-nav-inner ul li a.active::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    height: 1px;
    width: 36px;
    margin-left: -18px;
    background-color: #fff;
  }
  
  .howto-nav.bokin .howto-nav-inner ul {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    max-width: 960px;
  }
  .howto-nav.bokin .howto-nav-inner ul li {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .howto-nav .toggle{
    position: relative;
    display: block;
    padding: 10px 20px;
    background-color: #006030;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
  }
  .howto-nav .toggle::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: 0.2s;
  }
  .howto-nav .toggle::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    transition: 0.2s;
  }
  .howto-nav .toggle.active::before{
    transform: translateY(6px) rotate(225deg);
  }
  .howto-nav .toggle.active::after{
    transform: translateY(6px) rotate(225deg);
  }
  .howto-nav .howto-nav-inner ul{
    display: none;
    width: 100%;
  }
  .howto-nav .howto-nav-inner ul > li a{
    display: block;
    width: 100%;
    padding: 10px 20px;
    border-top: 1px solid #008E48;
    background-color: #006030;
    color: #fff;
  }
}
.senon-main-nav{
  background-color: #fff;
}
@media screen and (min-width: 1201px) {
  .senon-nav-inner{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
  }
  .senon-main-nav .toggle{
    display: none;
  }
  .senon-main-nav .senon-nav-inner ul{
    display: table;
    margin: 0 auto;
  }
  .senon-main-nav .senon-nav-inner ul li{
    display: table-cell;
    padding: 0 10px;
  }
  .senon-main-nav .senon-nav-inner ul li a{
    position: relative;
    display: block;
    padding: 10px;
    color: #333;
    font-weight: 500;
  }
  .senon-main-nav .senon-nav-inner ul li a:hover{
    text-decoration: none;
  }
  .senon-main-nav .senon-nav-inner ul li a:hover::before,
  .senon-main-nav .senon-nav-inner ul li a.active::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    height: 1px;
    width: 36px;
    margin-left: -18px;
    background-color: #333;
  }
}
@media screen and (max-width: 1200px) {
  .senon-main-nav{
    display: none;
  }
  .senon-main-nav .toggle{
    position: relative;
    display: block;
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    text-decoration: none;
  }
  .senon-main-nav .toggle::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    transition: 0.2s;
  }
  .senon-main-nav .toggle::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: 0.2s;
  }
  .senon-main-nav .toggle.active::before{
    transform: translateY(6px) rotate(225deg);
  }
  .senon-main-nav .toggle.active::after{
    transform: translateY(6px) rotate(225deg);
  }
  .senon-main-nav .senon-nav-inner ul{
    display: none;
    width: 100%;
  }
  .senon-main-nav .senon-nav-inner ul > li {
    border-bottom: 1px solid #ccc;
  }
  .senon-main-nav .senon-nav-inner ul > li a{
    display: block;
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    color: #333;
  }
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.page-edit .slick-slide {
  display: block;
  float: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow:focus {
  outline: none;
}

.senon-index .container {
  background: #f7f7f7;
}
.senon-container,
.sports-container {
  display: -ms-flex;
  display: flex;
}
.senon-container .senon-main,
.sports-container .sports-main {
  width: calc(100% - 306px);
  margin-right: 50px;
}
.senon-container .senon-side{
  width: 256px;
  padding-top: 50px;
}
.senon-container .senon-side > div {
  margin-bottom: 40px;
}
.senon-container .senon-side > div:last-child{
  margin-bottom: 0;
}
.sports-container .sports-side {
  width: 256px;
  padding-top: 166px;
}
@media screen and (max-width: 1200px) {
  .senon-container,
  .sports-container {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .senon-container .senon-main,
  .sports-container .sports-main {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .senon-container .senon-side,
  .sports-container .sports-side {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }
}
@media screen and (max-width: 1200px) {
  .sports-main .col3 .image-news-item:nth-of-type(9) {
    display: none;
  }
}
.sports-side .bnr-img {
  width: 256px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
}
.sports-side .bnr-img-inner {
  background-size: cover;
  background-position: center center;
}
.bnr-img.result .bnr-img-inner {
  background-image: url(/albums/css/basic2-common2/abm00018538.jpg);
}
.bnr-img.sensupo .bnr-img-inner {
  background-image: url(/albums/css/basic2-common2/abm00018537.jpg);
}
.sports-side .bnr-img a {
  display: block;
  width: 100%;
  padding: 23% 0;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
.sports-side .bnr-img a:hover {
  text-decoration: none;
}
.sports-side .bnr-img a[target="_blank"]::after {
  content: none;
}
.senon-right-banner .banner-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.senon-right-banner .banner-img {
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.senon-right-banner .banner-img a[target="_blank"]::after {
  content: none;
}
.senon-right-banner .banner-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.sports-container .sports-side .senon-right-banner{
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 959px) {
  .sports-container .sports-side .senon-right-banner{
    width: 256px;
  }
}
.sports-result {
  margin: 20px 0;
}
.sports-result-item {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 10px 0;
  display: block;
}
.sports-result-item .title {
  margin-top: 2px;
}
.sports-result-item .date {
  font-weight: 500;
}
.senon-right-sports{
  vertical-align: top;
}
.senon-right-sports-wraplink{
  display: block;
  transition: opacity 0.2s;
}
.senon-right-sports-wraplink:hover{
  text-decoration: none;
  opacity: 0.8;
}
.senon-right-banner{
  vertical-align: top;
}

.senon-right-sports .banner-title-en {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding-top: 62px;
  height: 160px;
  background: url(/albums/css/basic2-common2/abm00018625.jpg) no-repeat center center;
  background-size: cover;
}
.senon-right-sports .banner-text-wrap {
  background: #000;
  color: #fff;
  padding: 20px 20px;
}
.senon-right-sports .banner-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.senon-right-sports .banner-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 5px;
}
.senon-right-sports a {
  color: #fff;
}
.senon-right-banner .banner-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.senon-right-banner .banner-img {
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.senon-right-banner .banner-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 1200px) {
  .senon-right-sports {
    display: block;
    width: 256px;
    margin: 0 auto 20px auto;
  }
  .senon-right-banner {
    display: block;
    width: 256px;
    margin: 0 auto 20px auto;
  }
}

/*print*/
@media print{
  .side-main,
  .side-sub,
  .local-nav,
  .lower-visual,
  basic2-header2,
  basic2-footer2,
  basic2-gnav2 {
    display: none !important;
  }
  .wrapper,
  .contents {
    display: block !important;
  }
  .container {
    display: block !important;
    width: 100% !important;
  }
  .main {
    width: 100% !important;
    padding: 0 !important;
  }
  .main-inner {
    width: 100% !important;
    max-width: none !important;
    padding-bottom: 0 !important;
  }
  .breads {
    padding: 0 !important;
  }
  .breads ul {
    max-width: none !important;
  }
}